多區域配置

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

  • 概觀
  • 建立多區域配置
  • 必備條件
  • 在一或多個區域中使用單一資產
  • 在一或多個區域中使用已排序的內容

概觀

多區域配置 可讓您建立多個區域內容,並使用可在單一畫面中結合的各種資產,例如影片、影像和文字。 您可以提取影像、影片和文字,讓所有內容混合在一起,建立直覺式的數位體驗。

根據專案需求,有時您需要在通道中擁有多個區域,並將它們編輯為一個完整的單位。 例如,在單一管道的三個獨立區域中執行具有相關社群媒體摘要的產品序列。

必備條件

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

建立多區域配置

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

建立頻道

  1. 選取Adobe Experience Manager連結(左上方),然後 Screens. 或者,您可以直接前往: http://localhost:4502/screens.html/content/screens.

  2. 導覽至 頻道 資料夾並按一下 建立 動作列中的。

  3. 選取 1x2拆分畫面頻道建立 精靈。

  4. 按一下 下一個 並輸入 標題 作為 多區域.

  5. 按一下 建立 以完成管道建立。

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

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

  1. 新增內容至頻道

    1. 導覽至 區域 —> 頻道—> 多區域.
    2. 選取 多區域 頻道與點按 編輯 以開啟編輯器。
  2. 新增影像至色版

    若要在兩個區域中播放單一影像或影片,只需將影像拖放至色版編輯器中的每個區域,如下圖所示:

    影像

在一或多個區域中使用已排序的內容

如果您希望區域在不同的區域中顯示影像和視訊的順序,請遵循下列步驟以取得詳細資訊。

  1. 建立頻道資料夾

    1. 導覽至 區域 —> 多區域 —> 頻道 並按一下 建立 動作列中的。
    2. 選取 頻道資料夾建立 精靈並按一下 下一個.
    3. 輸入標題為 EmbeddedChannel 並按一下 建立.

    screen_shot_2018-12-19at125428pm

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

    1. 導覽至 區域 —> 頻道 —> EmbeddedChannel 並按一下 建立 動作列中的。
    2. 選取 序列頻道建立 精靈以建立標題為 區域1.
    3. 選取 區域1 並按一下 編輯 以開啟編輯器。
    4. 將幾個影像拖放至此頻道。
    5. 同樣地,建立另一個標題為 區域2EmbeddedChannel 資料夾。
    6. 將視訊拖放至此頻道。

    下圖顯示色版 區域1區域2

    screen_shot_2018-12-19at125930pm

    新增至編輯器的影像 區域1 順序頻道如下所示:

    screen_shot_2018-12-19at125930pm

    視訊已新增至的編輯器 區域2 順序頻道如下所示:

    screen_shot_2018-12-19at125930pm

  3. 將內嵌順序(元件)新增至主管道(MultiZone)

    1. 導覽至 區域 —> 頻道 —> 多區域.

    2. 按一下 編輯 以開啟編輯器。

    3. 拖放 內嵌順序 元件至兩個區域。

    4. 在其中一個區域中選取內嵌序列。

    5. 按一下 設定 (扳手)圖示至編輯器中的其中一個內嵌序列。

    6. 選取管道路徑為 區域 —> 頻道 —> EmbeddedChannel —> 區域1,如下圖所示。

    7. 同樣地,新增 區域2 至編輯器中的另一個內嵌序列元件。

      影像

建立位置和顯示

建立位置和顯示區,以便在Screens播放器中檢視內容。

  1. 建立位置

    1. 導覽至 區域 —> 位置 資料夾。
    2. 選取 位置 資料夾並按一下 建立 動作列中的。
    3. 選取 位置建立 精靈並按一下 下一個.
    4. 輸入 標題 作為 聖荷西 並按一下 建立.
  2. 建立顯示

    1. 導覽至 區域 —> 位置 資料夾。
    2. 選取 聖荷西 位置並按一下 建立 動作列中的。
    3. 選取 顯示建立 精靈並按一下 下一個.
    4. 輸入 標題 作為 大廳 並按一下 建立.

將頻道指派給顯示區

將頻道指派給顯示區,以檢視內容。 請依照下列步驟,將頻道指派給顯示器。

  1. 將頻道指派給顯示區

    1. 導覽至 區域 —> 位置 —> 聖荷西—> 大廳.

    2. 選取 大廳 顯示並按一下 指派頻道 動作列中的。

    3. 輸入路徑 多區域 中的頻道 頻道路徑.

    4. 設定 支援的事件 作為 初始載入閒置畫面、和 計時器.

    5. 按一下「儲存」。

      影像

    6. 同樣地,您必須指派其他兩個內嵌通道(區域1區域2)重新命名為。

    7. 一旦您將所有三個管道指派給 大廳 顯示,您應該能夠從「顯示」控制面板中檢視指派的管道。

      影像

      重要

      指派主要管道後(在此案例中, 多區域),則必須指派其他兩個內嵌頻道 區域1區域2 也會顯示相同的畫面。

註冊裝置

設定好位置和顯示器後,請依照下列步驟註冊裝置,並將顯示器指定給裝置。

  1. 註冊裝置

    1. 導覽至 區域 —> 裝置 資料夾。

    2. 選取 裝置 資料夾並按一下 裝置管理員 動作列中的。

    3. 按一下 裝置註冊 並從清單中選取擱置中的裝置。

      注意

      裝置的標題必須符合裝置代號(Token 欄位),顯示於 裝置註冊 標籤。

      1. 如果標題符合裝置Token,則選取裝置並按一下 **註冊裝置** 動作列中的。
    4. 如果註冊代碼符合Screens播放器中的代碼 裝置註冊 標籤,按一下 驗證 動作列中的。

      影像

    5. 輸入 標題 作為 Chrome-Device1 並按一下 註冊.

    6. 選取 指派顯示區 並選取裝置設定的路徑。

    注意

    如果您嘗試在Screens播放器中檢視內容,請務必按一下 更新離線內容 從「色版」圖示板,指定給顯示的每個色版。

檢視結果

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

檢查Screens播放器,檢視在兩個不同區域中顯示內容的輸出。 左側和右側區域(兩者都使用內嵌序列作為元件)。

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

new2-1

本頁內容