Add captions to video add-captions-to-video

You can extend the reach of your videos to global markets by adding captioning to single videos or to Adaptive Video Sets. By adding captioning you avoid the need to dub the audio, or the need to use native speakers to rerecord the audio for each different language. The video is played in the language that it was recorded. Foreign language subtitles appear so that people of different languages can still understand the audio portion.

Captioning also allows for greater accessibility by using closed captioning for people who are deaf or hard of hearing.

The video player that is used must support the display of captions.

To configure the Caption Effect and to edit the Caption Menu itself, including the menu’s text for any of the following viewers:

  • Universal_HTML5_Video viewer
  • Universal_HTML5_MixedMedia_dark viewer
  • Universal_HTML5_MixedMedia_light viewer

See Add or edit a video viewer preset.

See also Add and edit Viewer Presets.

Adobe Dynamic Media Classic can convert caption files to JSON (JavaScript Object Notation) format. This conversion means you can embed the JSON text into a web page as a hidden but complete transcript of the video. Search engines can then crawl and index the content to make the videos more easily discoverable and give customers more details about the video content.

See Serve static (non-image) contents in the Adobe Image Serving API Help for more information about using the JSON function in a URL.

To add captions to video:

  1. Using a third-party application outside Adobe Dynamic Media Classic, create your video caption file based on the viewer type that you are using.

    table 0-row-2 1-row-2
    Viewer type Captioning file
    HTML5 If you are using an HTML5 video viewer, ensure that the caption file you create follows the WebVTT (Web Video Text Tracks) standard. The captioning filename extension is .vtt. You can learn more information about the WebVTT captioning standard.

    See WebVTT: The Web Video Text Tracks format.

    There are many websites that offer both free and fee-based tools and services that you can use to author WebVTT caption files outside Adobe Dynamic Media Classic.

    Follow the onscreen instructions from a site to author and save your WebVTT file. When you have finished, copy the caption file contents and paste it into a plain text editor and save it with a VTT filename extension.

    Note: For global support of video captions in languages other than English, the WebVTT standard requires that you create separate .vtt files and calls for each language you want to support.

    Generally, you want to name the caption VTT file the same name as the video file, and append it with captions. By doing so, it can help you with automating the generation of the video URLs using your existing web content management system.
  2. In Adobe Dynamic Media Classic, upload your WebVTT, DFXP, or SMPTE XML caption file.

    See Upload files.

  3. In the Asset Library panel on the left side, navigate to the asset folder that contains the video file to associate with the caption file that you uploaded.

  4. In the Asset Browse panel, select a single video asset, and then below the thumbnail image of the asset, select Preview > Viewer List.

  5. In the Viewer List table, find the HTML5 viewer named Univeral_HTML5_Video, Universal_HTML5_MixedMedia_dark, or Universal_HTML5_MixedMedia_light, then do one of the following:

    • For a pop-up video viewer experience, select Copy URL to the far right of the name.

      Append the copied URL of the video with the following syntax so you can associate it with the copied URL to your caption file:

      &caption=<full Copy URL path to the caption file .vtt>,1

      Note the ,1 at the end of the caption URL path. Immediately following the VTT filename extension in the path, you can optionally enable or disable the closed caption button on the video player bar by setting to 1 or 0, respectively.

    • For an embedded video viewer experience, select Embed Code to the far right of the name.

      In the Embed Code dialog box, select Copy to Clipboard.

      For the HTML5 Universal_HTML5_Video, Universal_HTML5_MixedMedia_dark, or Universal_HTML5_MixedMedia_light viewers, append the copied embed code with the following:

      videoViewer.setParam("caption","<full Copy URL path to the caption file .vtt>,1"

      Note the ,1 at the end of the URL path. Immediately following the VTT filename extension in the URL path, you can optionally enable or disable the caption button on the video player bar by setting to 1 or 0, respectively.