Kickstart指南 kickstart-guide

AEM Screens快速入門示範如何設定和執行AEM Screens專案。 它會逐步引導您設定基本的數位看板體驗,以及新增內容(例如資產和/或視訊)至每個管道,並進一步將內容發佈至AEM Screens播放器。

NOTE
在處理專案詳細資料之前,請確定您已安裝AEM Screens的最新Feature Pack。 您可以使用您的Adobe ID從軟體發佈入口網站下載最新的Feature Pack。

先決條件 prerequisites

請依照下列步驟為AEM Screens建立範例專案,並進一步將內容發佈到Screens播放器。

NOTE
下列教學課程會示範如何在Chrome作業系統播放器中播放您的頻道內容。
IMPORTANT
OSGi組態設定
您必須啟用空白反向連結,才能讓裝置將資料張貼至伺服器。 例如,如果停用空白反向連結屬性,裝置就無法張貼熒幕擷圖。 目前,其中部分功能僅在OSGi設定中啟用Apache Sling反向連結篩選允許空白時才能使用。 儀表板可能會顯示警告,指出安全性設定可能會使這些功能的部分功能無法運作。
請依照下列步驟來啟用​ Apache Sling反向連結篩選允許空白

允許空的反向連結請求 allow-empty-referrer-requests

  1. 透過AEM執行個體>槌子圖示> 作業 > 網頁主控台,瀏覽至​ Adobe Experience Manager Web主控台設定

    影像

  2. Adobe Experience Manager Web主控台組態 ​開啟。 搜尋Sling查閱者。

    若要搜尋Sling查閱者屬性,請按​ Command+F ​搜尋​ Mac,然後按​ Control+F ​搜尋​ Windows

  3. 勾選​ 允許空白 ​選項,如下圖所示。

    影像

  4. 按一下​ 儲存 ​以啟用Apache Sling查閱者篩選允許空白。

在5分鐘內建立數位看板體驗 creating-a-digital-signage-experience-in-minutes

建立AEM Screens專案 creating-project

第一步是建立AEM Screens專案。

  1. 導覽至您的Adobe Experience Manager (AEM)執行個體,然後按一下​ Screens。 或者,您可以直接從https://localhost:4502/screens.html/content/screens](https://localhost:4502/screens.html/content/screens導覽。

  2. 按一下​ 建立Screens專案,以便建立Screens專案。

  3. 輸入標題為​ DemoScreens,然後按一下​ 儲存

    影像

    note note
    NOTE
    建立專案後,系統會帶您回到AEM Screens專案首頁。 您現在可以按一下專案。 專案中有五個標題為​ 應用程式管道裝置位置 ​和​ 排程 ​的不同資料夾。

建立頻道 creating-channel

建立AEM Screens專案後,請建立管理內容的管道。

請依照下列步驟,為您的專案建立管道:

  1. 建立專案後,按一下​ DemoScreens ​專案,然後按一下​ Channels ​資料夾,如下圖所示。 按一下動作列中的​ +建立

    影像

  2. 從精靈中選擇​ 順序頻道,然後按一下​ 下一步
    影像

  3. 輸入​ 標題 ​作為​ TestChannel,然後按一下​ 建立

    影像

    TestChannel ​現在已新增至您的管道資料夾,如下圖所示。

    影像

新增內容至頻道 adding-content

管道就緒後,請將內容新增至AEM Screens Player可顯示的管道。

請依照下列步驟,將內容新增至專案中的頻道(TestChannel):

  1. 導覽至您建立的​ DemoProject,然後從​ Channels ​資料夾按一下​ TestChannel

  2. 按一下動作列中的​ 編輯 (請參閱下圖)。 TestChannel ​的編輯器開啟。

    影像

  3. 按一下可切換動作列左側側面板的圖示,以開啟資產和元件。

  4. 拖放您要新增至頻道的元件。

    影像

建立位置 creating-location

設定好管道後,請建立位置。

NOTE
位置 ​將您不同的數位看板體驗加以區隔,並依據各種熒幕的位置包含顯示器的組態。

請依照下列步驟,為您的專案建立位置:

  1. 導覽至您建立的​ DemoProject,然後按一下​ 位置 ​資料夾。
  2. 按一下動作列中的​ +建立
  3. 從精靈按一下​ 位置,然後按一下​ 下一步
  4. 輸入您位置的​ 名稱 (輸入標題為​ TestLocation),然後按一下​ 建立

已建立​ TestLocation,並已新增至您的​ 位置 ​資料夾。

建立位置顯示 creating-display

建立位置後,請建立位置的顯示。

NOTE
顯示器 ​代表在一或多個熒幕上執行的數位體驗。
  1. 瀏覽至​ TestLocation ​並按一下它。

  2. 按一下動作列中的​ 建立

    影像

  3. 從​ 建立 ​精靈按一下​ 顯示,然後按一下​ 下一步

    影像

  4. 輸入​ Title ​作為​ LobbyDisplay,然後按一下​ 建立

    影像

    標題為​ TestDisplay ​的新顯示現在已新增至您的位置​ TestLocation,如下圖所示。

    影像

指派管道 assigning-channel

專案設定完成後,將頻道指派給顯示區,以檢視內容。

  1. 從​ DemoScreens > 位置 > TestLocation > LobbyDisplay ​瀏覽至所需的顯示區。

  2. 按一下動作列中的​ 指派頻道

    影像

    或,

    按一下動作列中的​ 儀表板,然後按一下​ 「已指派的管道和排程」 ​面板中的​ +指派管道

    影像

  3. 頻道指定任務 ​對話方塊開啟。

  4. 從​ 設定 ​選項中,選擇頻道​ 依路徑 ​和​ 支援的事件,例如​ 初始載入 ​和​ 閒置熒幕

    note note
    NOTE
    預設會填入​ 頻道角色優先順序 ​和​ 中斷方法。 請參閱管道屬性區段,以取得有關管道指派屬性的詳細資訊。

    影像

    您也可以按一下​ 啟用期間 ​和​ 週期排程

    note note
    NOTE
    遞回排程 可讓您設定頻道的遞回排程。 您可以為通道設定多個週期排程。
    如需詳細資訊,請參閱遞回排程
  5. 設定您的偏好設定後,按一下​ 儲存

註冊裝置並將裝置指定到顯示器 registering-device

使用AEM儀表板註冊裝置。

IMPORTANT
Chrome OS播放器可在開發人員模式中安裝為Chrome瀏覽器外掛程式,而不需要實際的Chrome Player裝置。 請依照下列步驟進行安裝:
  1. 按一下這裡以下載最新的Chrome Player。
  2. 解壓縮並儲存在磁碟上。
  3. 開啟Chrome瀏覽器,然後在功能表按一下​ 擴充功能,或直接導覽至​ chrome://extensions
  4. 從右上角開啟​ 開發人員模式
  5. 從左上角按一下「載入解壓縮」,然後載入解壓縮的Chrome Player。
  6. 檢查擴充功能清單中是否有​ AEM Screens Chrome Player ​外掛程式。
  7. 開啟新標籤,然後從左上角按一下​ 應用程式 ​圖示,或直接導覽至​ chrome://apps
  8. 按一下​ AEM Screens ​外掛程式,即可啟動Chrome Player。 依預設,播放器會以全熒幕模式啟動。 按​ Esc ​結束全熒幕模式。

開啟Chrome作業系統播放器後,請依照下列步驟註冊Chrome裝置。

  1. 從您的AEM執行個體瀏覽至專案的​ 裝置 ​資料夾。

  2. 從動作列按一下​ 裝置管理員

    影像

  3. 按一下右上角的​ 裝置註冊

  4. 按一下所需的裝置,然後按一下​ 註冊裝置

    影像

  5. 等候裝置傳送其註冊代碼,同時從您的Chrome裝置檢查​ 註冊代碼
    影像

  6. 如果兩部電腦上的​ 註冊代碼 ​相同,請在AEM中按一下​ 驗證

  7. 將裝置的所需名稱設定為​ ChromeDeviceforDemo,然後按一下​ 註冊

    影像

  8. 從​ 裝置註冊成功 ​對話方塊按一下​ 指派顯示區

    影像

  9. 按一下顯示為​ DemoScreens > 位置 > TestLocation > LobbyDisplay ​的路徑,然後按一下​ 指派

    影像

  10. 成功指派裝置時,您會看到下列確認訊息。

    影像

  11. 按一下​ 完成 ​以完成註冊程式。 您現在可以從顯示儀表板檢視已註冊的裝置。

    影像

在Chrome播放器中檢視內容 viewing-content-output

您頻道中的所有資產現在都會在Chrome作業系統播放器上播放。

恭喜您現在在AEM Screens頻道中播放內容!

影像

recommendation-more-help
adce462a-f916-4dbe-9ab5-0b62cfb0f053