【TW-DB04.1.5】幻燈片 slideshow 素材異動說明


如何更改 Slideshow 的播放內容?

5 分鐘內,快速了解更換 Slideshow 區域的播放機制!




1. 使用「店長編輯器」調整內容說明

動動板上會有一些橫式、直式及海報版面輪播的區域,可以使用「店長編輯器」功能做顯示上素材及呈現的調整,例如想要素材是「完整」或「填滿」播放,或是定義每一張圖片應該播放幾秒鐘,實際顯示如下圖紅匡處。



2. 如何異動版面幻燈片 Slideshow 的設定?

1. 開啟官方提供的「虛擬螢幕」連結或直接使用「已綁定螢幕畫面」的電視,切換至需編輯的版面,假設想編輯海報版面的輪播顯示,就使用「螢幕遙控器」切換到海報版面。

👉 如何切換版面?相關文章:📄 螢幕遙控器使用說明


2. 開啟官方提供的遙控器,進入「店長編輯器」功能。


3. 進入「店長編輯器」功能後,輸入隨機驗證碼。


4. 輸入完隨機驗證碼後,點選網頁右下角「 開始編輯(Start Edit)」的按鈕,讓電視及虛擬螢幕畫面進入編輯模式。



5. 進入編輯模式後,畫面上可以使用「店長編輯器」調整的每個區域就會出現各自的藍色代碼。


6. 進入「店長編輯器」功能「Slideshow」欄位。


7. 找到需要調整內容的區域代碼,下圖 Slideshow 區域代碼為「72E7」。


8. 可分別設定圖片、影片呈現的顯示方式,也可定義「播放順序」、「秒數」、「模糊效果」等。

👉 「多媒體資料夾」操作說明可參考第三段落說明、「顯示方式」的呈現差異可參考第四段落說明。


9. 調整顯示需求後,點選下方的「更新」按鈕。


10. 更新完畢後,檢視的「虛擬螢幕」或「已綁定螢幕畫面」會立即針對該代碼區域進行更新,可直接從畫面看到調整後效果。


11. 確認畫面無誤後,再次點選右下角「結束編輯( Stop )」的按鈕,關閉虛擬螢幕及實際螢幕的編輯模式。



3. 「多媒體資料夾」素材上傳及移除設定


  • 素材上傳

1. 選擇需編輯之多媒體資料夾後,輸入密碼:dongdong,點選「提交」。


2. 進入該區域的多媒體資料夾後,選擇最右邊「上傳」按鈕,將素材上傳。


3. 選擇需要上傳檔案的方式,如已準備好圖片影片素材,可點選「我的裝置(My Device)」,並選擇檔案。多媒體管理支援從「我的裝置(My Device)」、「相機(Camera)」及「螢幕錄製(Screencast)」上傳檔案,使用電腦編輯,也可以直接拖曳檔案做上傳。


4. 選擇要上傳的檔案後,點選下方綠色按鈕「Upload(上傳)」,將檔案上傳。


5. 完成上傳後,左下角會顯示「完成(Complete)」。


6. 可點選右下角「完成(Done)」回到繼續上傳檔案的畫面,或點選右上角的「X」,進行上傳視窗的關閉。


7. 點選「完成(Done)」,回到上傳方式的頁面後,可再點選右上角的「X」,進行上傳視窗的關閉。


8. 關閉上傳視窗後,可檢查媒體庫是否有已上傳之檔案,如尚未預載完成,可選擇右上角「重新載入」,進行媒體庫檔案的刷新。


9. 完成以上步驟後,可回到虛擬螢幕或是實際螢幕上確認呈現效果,只要完成編輯,版面會即時更新完成。


  • 素材移除

1. 當要將輪播區域的圖片或影片下架,進入該區域之多媒體資料夾,輸入密碼:dongdong,點選「提交」。


2. 觸碰於需下架之圖片或影片檔案的左上角,會顯示可勾選「⎷」之按鈕。


3. 將「⎷」符號勾選後,選擇「X 移除選擇的檔案」。


4. 移除完成後,左下角會顯示「檔案移除成功!」,同時在此多媒體資料夾中,不會再看到已移除的檔案。


5. 最後可回到虛擬螢幕或是實際螢幕上確認呈現效果,只要完成編輯,版面會即時更新完成。




4. 顯示方式差異說明

以下為「直式輪播」slideshow 區域,「完整」與「填滿」的顯示差異範例:

  • 完整顯示
    • 說明:將上傳的圖片、影片內容完整顯示。
    • 效果:當檔案尺寸不吻合該輪播區域時,為了完整顯示,剩下的範圍會做模糊效果(如下圖黃框區域)。


  • 填滿顯示
    • 說明:將上傳的圖片、影片內容填滿區域。
    • 效果:無論檔案尺寸是否符合輪播區域,版面會以填滿無霧邊效果呈現(如下圖紅框區域)。



5. 影片教學資源



💪相關文章