多區域佈局

以下頁面說明多區域版面的使用方式，並涵蓋下列主題：

• 概覽
• 建立多區域佈局
• 必備條件
• 在一或多個區域中使用單一資產
• 在一個或多個區域中使用序列內容

概覽

多區域 佈局允許您建立多個區域內容，並使用視頻、影像和文本等各種資產，這些資產可以在單個螢幕中組合。您可以提取影像、影片和文字，讓影像、影片和文字融為一體，打造直覺的數位體驗。

根據專案需求，有時您需要在通道中建立多個區域，並以一個完整單位編輯這些區域。 例如，產品序列與相關社交媒體摘要會在單一頻道的三個獨立區域中執行。

必備條件

開始實作此功能之前，請確定您具備下列概念知識：

• 建立AEM Screens專案
• 建立顯示
• 為顯示指定通道

建立多區域佈局

建立管道時，您可以使用不同的範本，在管道中建立區域。 您可以新增單一影像、視訊或內嵌通道，讓多個資產可依序顯示。

建立管道

1. 選取Adobe Experience Manager連結（左上角），然後選取​Screens。 或者，您也可以直接前往：http://localhost:4502/screens.html/content/screens。

2. 導覽至「頻道」資料夾，然後從動作列按一下「建立」。

3. 從​Create​嚮導中選擇​1x2分割螢幕通道。

4. 按一下​Next​並將​title​輸入為​MultiZone。

5. 按一下​Create​以完成通道建立。

在一或多個區域中使用單一資產

您可以在所有個別區域中使用單一資產，例如影像或視訊。 請依照下列步驟來實作：

1. 新增內容至頻道

   1. 導航到​Zones —> Channels—> MultiZone。
   2. 選擇​MultiZone​通道，然後從操作欄按一下​Edit​以開啟編輯器。

2. 將影像新增至通道

   若要在兩個區域中播放單一影像或影片，只需將影像拖放至頻道編輯器中的每個區域，如下圖所示：

   

在一個或多個區域中使用序列內容

如果希望區域在不同區域中顯示影像和視頻的序列，請按照以下步驟了解詳細資訊。

1. 建立管道資料夾

   1. 導航到​Zones —> MultiZone —> Channels，然後從操作欄按一下​Create。
   2. 從​Create​嚮導中選擇​Channels資料夾，然後按一下​Next。
   3. 輸入標題為​EmbeddedChannels ，然後按一下​Create。

   

2. 新增兩個管道至管道資料夾

   1. 導航到​Zones —> Channels —> EmbeddedChannels，然後從操作欄按一下​Create。
   2. 從​Create​嚮導中選擇​Sequence Channel​以建立標題為​Zone1​的通道。
   3. 選擇​Zone1，然後從操作欄中按一下​Edit​以開啟編輯器。
   4. 將幾個影像拖放到此通道。
   5. 同樣地，在​EmbeddedChannels​資料夾中建立另一個名為​Zone2​的序列通道。
   6. 拖放視訊至此頻道。

   下圖顯示了通道​Zone1​和​Zone2:

   

   新增至​Zone1​序列頻道編輯器的影像如下所示：

   

   新增至​Zone2​序列頻道編輯器的視訊如下所示：

   

3. 將嵌入序列（元件）添加到主通道(MultiZone)

   1. 導航到​Zones —> Channels —> MultiZone。

   2. 按一下動作列中的​編輯​以開啟編輯器。

   3. 將​Embedded Sequence​元件拖放到這兩個區域。

   4. 在其中一個區域中選擇嵌入序列。

   5. 按一下編輯器中其中一個內嵌序列的​設定（扳手）圖示。

   6. 選擇通道路徑作為​Zones —> Channels —> EmbeddedChannels —> Zone1，如下圖所示。

   7. 同樣地，將​Zone2​添加到編輯器中的另一個嵌入序列元件。

      

建立位置和顯示

您必須建立位置和顯示器，才能檢視Screens播放器中的內容。 請依照下列步驟建立位置和顯示。

1. 建立位置

   1. 導航到​Zones —> Locations​資料夾。
   2. 選擇​Locations​資料夾，然後從操作欄按一下​Create。
   3. 從​Create​嚮導中選擇​Location，然後按一下​Next。
   4. 輸入​Title​作為​SanJose，然後按一下​Create。

2. 建立顯示

   1. 導航到​Zones —> Locations​資料夾。
   2. 選擇​SanJose​位置，然後從操作欄按一下​Create。
   3. 從​Create​嚮導中選擇​Display，然後按一下​Next。
   4. 輸入​Title​作為​Lobby，然後按一下​Create。

為顯示指定通道

您必須指派頻道給顯示，才能檢視內容。 請依照下列步驟，將管道指派給顯示器。

1. 為顯示指定通道

   1. 導航到​Zones —> Locations —> SanJose—> Lobby。

   2. 選擇​Lobby​顯示，然後從操作欄按一下​Assign Channel。

   3. 在​通道路徑​中輸入​MultiZone​通道的路徑。

   4. 將​支援的事件​設定為​初始載入、空閒螢幕​和​計時器。

   5. 按一下「儲存」。

      

   6. 同樣，您必須將其他兩個嵌入通道（Zone1​和​Zone2）分配給此顯示。

   7. 將所有三個通道指派給​Lobby​顯示後，您應該可以從顯示控制面板檢視指派的通道。

      

      重要

      一旦將主通道（在此例中為​MultiZone）指定給顯示器後，必須將其他兩個嵌入通道​Zone1​和​Zone2​也指定給同一顯示器。

註冊設備

設定位置和顯示器後，請按照以下步驟註冊設備並為設備分配顯示器。

1. 註冊設備

   1. 導航至​Zones —> Devices​資料夾。

   2. 選擇​Devices​資料夾，然後從操作欄按一下​Device Manager。

   3. 按一下「設備註冊」並從清單中選擇掛起的設備。

      注意

      設備的標題必須與​Device Registration​頁簽中顯示的設備令牌（Token​欄位）匹配。

   4. 如果標題與設備令牌匹配，則選擇設備，然後從操作欄中按一下​註冊設備。

   5. 如果註冊代碼與Screens播放器​Device Registration​標籤中的代碼匹配，請按一下動作列中的​Validate。

      

   6. 將​Title​輸入為​Chrome-Device1，然後按一下​Register。

   7. 選擇​分配顯示​並選擇設備配置的路徑。

   注意

   如果您嘗試在Screens播放器中檢視內容，請務必按一下頻道控制面板中指派給顯示的每個頻道的​更新離線內容。

查看結果

使用前述步驟實施多區域佈局後，將顯示以下輸出。

勾選Screens播放器，以檢視顯示兩個不同區域內內容的輸出。 左和右區域（都使用嵌入序列作為元件）。

左區域是序列頻道，右區域包括視訊。