建立視頻填充工作流

本節涵蓋下列主題:

  • 概覽

  • 必備條件

  • 建立視訊填補工作流程

    • 建立工作流程
    • 在AEM Screens專案中使用工作流程
  • 驗證工作流的輸出

概覽

下列使用案例涉及放置視訊(範例:1280 x 720),在顯示器為1920 x 1080且視訊放置於0x0(左上)的頻道中。 視訊不應以任何方式拉伸或修改,也不應在視訊元件中使用​Cover

視訊會以物件的形式顯示,從像素1到像素1280橫跨像素1到像素720向下,而其餘的色版則為預設顏色。

必備條件

在建立視訊工作流程之前,請先完成下列必要條件:

  1. 在AEM例項的​Assets​資料夾中上傳影片
  2. 建立AEM Screens專案(例如​TestVideoRendition)和名為(VideoRending)的頻道,如下圖所示:

screen_shot_2018-10-17at85307pm

建立視頻填充工作流

若要建立視訊填補工作流程,您必須為視訊建立工作流程,然後在AEM Screens專案頻道中使用相同的工作流程。

請依照下列步驟來建立和使用工作流程:

  1. 建立工作流程
  2. 在AEM Screens專案中使用工作流程

建立工作流

請依照下列步驟,為您的視訊建立工作流程:

  1. 導覽至您的AEM例項,然後從側欄按一下工具。 選擇​Workflow —> Models​以建立新模型。

    screen_shot_2018-10-17at90025pm

  2. 按一下​Models —> Create —> Create Model。 在​添加工作流模型​中輸入​Title(作為​VideoRendition)和​Name。 按一下​Done​添加工作流模型。

    screen_shot_2018-10-17at90747pm

  3. 建立工作流程模型後,請選取模型(VideoRendition),然後從動作列按一下「編輯」(Edit)。

    screen_shot_2018-10-17at91256pm

  4. 將​命令行​元件拖放到工作流中。

    screen_shot_2018-10-22at14846pm

  5. 選擇​命令行​元件並開啟屬性對話框。

    screen_shot_2018-10-17at95752pm

  6. 選擇​參數​頁籤,以輸入​命令行——步驟屬性​對話框中的欄位。

    在​Mime類型(以​video/mp4​的形式輸入格式)和命令(/usr/local/Cellar/ffmpeg -i ${filename} -vf "pad=1920:height=1080:x=0:color=black" cq5q.video.fullhd-hp.mp4),以在​Commands​欄位中啟動工作流程。

    請參閱以下注釋中有關​Mime類型​和​Commands​的詳細資訊。

    screen_shot_2018-10-18at105300am

  7. 選擇工作流程(VideoRenditions),然後從操作欄按一下「啟動工作流程」(Start Workflow),開啟「運行工作流程」( Run Workflow)對話框。

    screen_shot_2018-10-18at105335am

  8. 在​Payload(as /content/dam/huseinpeyda-crossroads01_512kb 2.mp4)中選擇資產路徑,然後將​Title​輸入為​RunVideo​並按一下​Run

    screen_shot_2018-10-18at112043am

在AEM Screens專案中使用工作流程

請依照下列步驟,在您的AEM Screens專案中使用工作流程:

  1. 導覽至AEM Screens專案(TestVideoRendition —> Channels —>VideoRendition)。

    screen_shot_2018-10-17at100715pm

  2. 從操作欄按一下「編輯」(Edit)。​拖放您最初上傳至​Assets​的視訊。

    screen_shot_2018-10-17at102806pm

  3. 上傳視訊後,按一下「預覽」以檢視輸出。

    screen_shot_2018-10-22at15151pm

驗證工作流的輸出

您可以通過以下方式驗證輸出:

  • 檢查頻道中的視訊預覽
  • 導覽至CRXDE Lite中的​/content/dam/testvideo.mp4/jcr:content/renditions/cq5dam.video.fullhd-hp.mp4,如下圖所示:

screen_shot_2018-10-22at14326pm

本頁內容