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