This section describes how you can apply the Transition component in-between different assets (images and videos) and embedded sequences in a channel.
To learn in detail about the properties for the Transition component, refer to Transitions .
Adding Transition Component to Assets in a Channel
Follow the steps below to add a transition component to your AEM Screens project:
Prerequisites Create an AEM Screens project TestProject with a channel TestTransition . Additionally, set up a location and a display to view the output.
- Navigate to the Channel TestTransition and click Edit from the action bar.The TestTransition channel already has few assets (images and videos) in it. For example, the TestTransition channel includes three images and two videos, as shown below:
- Drag and drop the Transition component to your editor.Before you add the transition to your assets in your channel, make sure you do not add transition before the first asset in the sequential channel. The first item in your channel must be an asset and not a transition.By default, the properties of the transition component such as Type is set to Normal and the Duration is set to 600 ms . Additionally, it is not advisable to set a transition duration time that is longer than the asset it is being applied to.
- Additionally, if you add an Embedded Sequence component (that includes a sequence channel) to this channel editor, you can add a transition component at the end, so that the content plays in order, as demonstrated in the figure below:
Adding Transition Component to Videos in a Channel
When applying transition component between videos, it is recommended that you set the Type to Fade and the Sequence Duration to 1600 ms .