以下頁面說明多區域版面的使用方式,並涵蓋下列主題:
多區域 佈局允許您建立多個區域內容,並使用視頻、影像和文本等各種資產,這些資產可以在單個螢幕中組合。您可以提取影像、影片和文字,讓影像、影片和文字融為一體,打造直覺的數位體驗。
根據專案需求,有時您需要在通道中建立多個區域,並以一個完整單位編輯這些區域。 例如,產品序列與相關社交媒體摘要會在單一頻道的三個獨立區域中執行。
開始實作此功能之前,請確定您具備下列概念知識:
建立管道時,您可以使用不同的範本,在管道中建立區域。 您可以新增單一影像、視訊或內嵌通道,讓多個資產可依序顯示。
建立管道
選取Adobe Experience Manager連結(左上角),然後選取Screens。 或者,您也可以直接前往:http://localhost:4502/screens.html/content/screens
。
導覽至「頻道」資料夾,然後從動作列按一下「建立」。
從Create嚮導中選擇1x2分割螢幕通道。
按一下Next並將title輸入為MultiZone。
按一下Create以完成通道建立。
您可以在所有個別區域中使用單一資產,例如影像或視訊。 請依照下列步驟來實作:
新增內容至頻道
將影像新增至通道
若要在兩個區域中播放單一影像或影片,只需將影像拖放至頻道編輯器中的每個區域,如下圖所示:
如果希望區域在不同區域中顯示影像和視頻的序列,請按照以下步驟了解詳細資訊。
建立管道資料夾
新增兩個管道至管道資料夾
下圖顯示了通道Zone1和Zone2:
新增至Zone1序列頻道編輯器的影像如下所示:
新增至Zone2序列頻道編輯器的視訊如下所示:
將嵌入序列(元件)添加到主通道(MultiZone)
導航到Zones —> Channels —> MultiZone。
按一下動作列中的編輯以開啟編輯器。
將Embedded Sequence元件拖放到這兩個區域。
在其中一個區域中選擇嵌入序列。
按一下編輯器中其中一個內嵌序列的設定(扳手)圖示。
選擇通道路徑作為Zones —> Channels —> EmbeddedChannels —> Zone1,如下圖所示。
同樣地,將Zone2添加到編輯器中的另一個嵌入序列元件。
您必須建立位置和顯示器,才能檢視Screens播放器中的內容。 請依照下列步驟建立位置和顯示。
建立位置
建立顯示
您必須指派頻道給顯示,才能檢視內容。 請依照下列步驟,將管道指派給顯示器。
為顯示指定通道
導航到Zones —> Locations —> SanJose—> Lobby。
選擇Lobby顯示,然後從操作欄按一下Assign Channel。
在通道路徑中輸入MultiZone通道的路徑。
將支援的事件設定為初始載入、空閒螢幕和計時器。
按一下「儲存」。
同樣,您必須將其他兩個嵌入通道(Zone1和Zone2)分配給此顯示。
將所有三個通道指派給Lobby顯示後,您應該可以從顯示控制面板檢視指派的通道。
一旦將主通道(在此例中為MultiZone)指定給顯示器後,必須將其他兩個嵌入通道Zone1和Zone2也指定給同一顯示器。
設定位置和顯示器後,請按照以下步驟註冊設備並為設備分配顯示器。
註冊設備
導航至Zones —> Devices資料夾。
選擇Devices資料夾,然後從操作欄按一下Device Manager。
按一下「設備註冊」並從清單中選擇掛起的設備。
設備的標題必須與Device Registration頁簽中顯示的設備令牌(Token欄位)匹配。
如果註冊代碼與Screens播放器Device Registration標籤中的代碼匹配,請按一下動作列中的Validate。
將Title輸入為Chrome-Device1,然後按一下Register。
選擇分配顯示並選擇設備配置的路徑。
如果您嘗試在Screens播放器中檢視內容,請務必按一下頻道控制面板中指派給顯示的每個頻道的更新離線內容。
使用前述步驟實施多區域佈局後,將顯示以下輸出。
勾選Screens播放器,以檢視顯示兩個不同區域內內容的輸出。 左和右區域(都使用嵌入序列作為元件)。
左區域是序列頻道,右區域包括視訊。