Media event actions and interaction (sync or time events to audio and video)

You can add actions to your page or to an element to control media such as audio or video.

Use Actions on the Animate tab to add interactivity to media for Page Actions and Timings. You can have media play, pause, toggle, or replay from the beginning at a specific amount of time after the page loads.

Use Actions on the Interaction tab to add interactivity to media for Element Interactions. You can sync other elements to show, hide, toggle, animate, and affect player controls or other media controls at specific times during your media playback. For example, you can display text and pop-up shape panels at specific points during a video playback. You can use any other elements for these synched actions too, such as images, shapes, and media.

You can also Add a start time and/or Add an end time to media playback so the learner jumps directly to a specific part of the media and plays only that section.

To add media Page Action and Timing to a page:

  1. Click Actions in the Page area of the Animate toolbar.
  2. Click Play Media, Pause Media, Toggle Media, or Replay Media.
  3. The Page Actions and Timings properties panel opens.
  4. Drag the media element into the Targets list.
  5. Enter the amount of time after which the media should start to play, pause, toggle, or replay from the beginning. 
  6. Click Apply.

To add an Element Interaction to sync to media:

  1. Select your media element on the stage or in the Layers panel.
  2. Click Actions in the Element Interactions area of the Interaction toolbar.
  3. Click Show Elements (or another Action).
  4. The Element Interactions properties panel opens.
  5. The panel has two list areas, Groups/Elements and Targets. If you have multiple groups, Groups is selected by default. If only need to target a few items from a Group(s), select Elements from the pulldown menu.
  6. Select the Group(s) or elements you want to target and drag them to the Target list. Once the Group has been added, the elements within the Group will be highlighted on the stage area in a red dashed border.
  7. Choose an Effect if you want (such as Fade, Fly, Slide, etc.).
  8. Select the Trigger (When the media time is..., When media starts, When media ends, When media is played, When media is paused).
  9. If you select the trigger, "When the media time is..." you can enter the time after which the action should occur OR simply play the media in the preview area and add markers. Click the marker + icon to add one to the timeline. Select a marker along the timeline and click the marker - icon to remove one. Drag a marker on the timeline to change the marker time.
  10. Select a marker to add the time to the action and click Apply.
  11. You can then click Add to show other elements and synch them to the media as well.
  12. Preview your action to check it from the Element Interactions panel before you click Done.
Note: You must upload media to Claro in order to sync to media using an action. You cannot embed media from an external streaming site and sync to media.

Note: Certain networks have experienced issues with the Slide effect when used with rich media. If you are consistently experiencing issues when using Slide in conjunction with rich media, you may want to select an alternate effect such as Fade.

Feedback and Knowledge Base