多區域佈局

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

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

概覽

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

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

必備條件

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

建立多區域佈局

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

建立管道

  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

    screen_shot_2018-12-19at125428pm

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

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

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

    screen_shot_2018-12-19at125930pm

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

    screen_shot_2018-12-19at125930pm

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

    screen_shot_2018-12-19at125930pm

  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播放器,以檢視顯示兩個不同區域內內容的輸出。 左和右區域(都使用嵌入序列作為元件)。

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

new2-1

本頁內容