Transcript

The transcript pattern is required to be used with videos and infographic images. Transcripts provide a read-able text version of the speech and non-speech audio in a video or the visual information included in an infographic image. The transcript pattern is a collapsible scrollable box found nested within the video and image components in AEM.

When to use

  • Required to be used with all videos and infographics

When not to use

  • To pair with general imagery
  • As an alternate data display for tables or data visualization

Anatomy

  1. Toggle: acts as the control and indicator for collapsing and expanding the transcript (not author-able)
  2. Title: sticky title of the transcript (not author-able)
  3. Scrollable container: scrollable box containing the transcript content

Demos & variations

Video transcript

What's the difference between HSA, HRA, and FSA?

Infographic transcript

Authoring notes

For the videos the transcript will be included in the initial upload to YouTube or Brightcove and will be pulled into AEM automatically when the video is placed. For infographic images authors will use the image component and turn on and author the transcript via the metadata tab.

Related elements