Creating a Video Padding Workflow

Last update: May 13, 2024

CREATED FOR:

  • Intermediate
  • Admin
  • Developer

This section covers the following topics:

  • Overview

  • Prerequisites

  • Creating a Video Padding Workflow

    • Creating a Workflow
    • Using the Workflow in AEM Screens Project

  • Validating the Output for the Workflow

Overview

The following use case involves placing a video (example: 1280 x 720) in a channel where the display is 1920 x 1080 and having the video be placed at 0x0 (upper left). The video should not be stretched or modified in any way and do not use Cover in the video component.

The video is displayed as an object from pixel 1 to pixel 1280 across and from pixel 1 to pixel 720 down. The rest of the channel is the default color.

Prerequisites

Before you create a workflow for video, complete the following prerequisites:

  1. Upload a video in the Assets folder in your AEM instance
  2. Create an AEM Screens project (for example, TestVideoRendition) and a channel named (VideoRendering), as shown in the figure below:

screen_shot_2018-10-17at85307pm

Creating a Video Padding Workflow

To create a video padding workflow, create a workflow for your video and then use the same in your AEM Screens project channel.

Follow the steps below to create and use the workflow:

  1. Creating a Workflow
  2. Using the Workflow in an AEM Screens Project

Creating a Workflow

Follow the steps below to create a workflow for your video:

  1. Navigate to your AEM instance.

  2. Click the tools from the side rail.

  3. Click Workflow > Models so you can create a model.

    screen_shot_2018-10-17at90025pm

  4. Click Models > Create > Create Model. Enter the Title (such as VideoRendition) and Name in the Add Workflow Model. Click Done to add the workflow model.

    screen_shot_2018-10-17at90747pm

  5. After you create the workflow model, click the model (VideoRendition), and click Edit from the action bar.

    screen_shot_2018-10-17at91256pm

  6. Drag and drop the Command Line component to your workflow.

    screen_shot_2018-10-22at14846pm

  7. Click the Command Line component and open the properties dialog box.

    screen_shot_2018-10-17at95752pm

  8. Click the Arguments tab.

  9. In the Command Line - Step Properties dialog box, enter the format in the Mime Types (as video/mp4) and the command as (/usr/local/Cellar/ffmpeg -i ${filename} -vf “pad=1920:height=1080:x=0:y=0:color=black” cq5dam.video.fullhd-hp.mp4). This command starts the workflow in the Commands field.

    See the details on Mime Types and Commands in the note below.

    screen_shot_2018-10-18at105300am

  10. Click the workflow (VideoRenditions).

  11. Click Start Workflow from the action bar.

    screen_shot_2018-10-18at105335am

  12. In the Run Workflow dialog box, click the path of your asset in the Payload (as /content/dam/huseinpeyda-crossroads01_512kb 2.mp4) and enter the Title as RunVideo and click Run.

    screen_shot_2018-10-18at112043am

Using the Workflow in an AEM Screens Project

Follow the steps below to use the workflow in your AEM Screens project:

  1. Navigate to an AEM Screens project (TestVideoRendition > Channels >VideoRendition).

    screen_shot_2018-10-17at100715pm

  2. Click Edit from the action bar. Drag and drop the video that you initially uploaded to Assets.

    screen_shot_2018-10-17at102806pm

  3. When you have uploaded the video, click Preview to view the output.

    screen_shot_2018-10-22at15151pm

Validating the Output for the Workflow

You can validate your output by:

  • Check a preview of the video in the channel
  • Navigate to the /content/dam/testvideo.mp4/jcr:content/renditions/cq5dam.video.fullhd-hp.mp4 in CRXDE Lite, as shown in the figure below:

screen_shot_2018-10-22at14326pm