Subtitles and captioning

Prev Next

Mobile

Tablet

Web

TV

android_watermark.svg

iOS.svg

android_watermark.svg

iPadOS.svg

HTML5.svg

android_watermark.svg

TvOS.svg

HTML5.svg

Roku.svg


What are subtitles and captioning?

Subtitles are transcriptions of dialog, whereas Captions are written descriptions of relevant audio, e.g., "suspenseful music" or "whistle blows." Both transcriptions are synchronized with the video and support live and video-on-demand (VOD) content.

By default, subtitles and captioning are disabled; however, operators can choose to specify a language for videos that display when the video stream loads via APIs.

The subtitles and captioning panel supports Text-to-Speech (TTS). Learn more about this in our accessibility article.

Supported subtitle and captioning formats

DIVA supports the following subtitle formats:

  • WebVTT (Web Video Text Tracks)

  • SRT (SubRip Subtitle)

Does the Audio and Subtitles icon always appear?

Compatibility notes: DIVA 5.2 on Android and iOS.

No, the Audio and Subtitles icon is dynamic, meaning if a language selection is available, the icon appears. If language selection is not available, the icon is not visible.

The Audio and Subtitles icon supports three states:

State

Icon

Description

Default

Audio_and_subtitles_icon_-_default.png

No audio track applied to the video.

Hover

Audio_and_subtitles_icon_-_hover.png

A tooltip displays when icon is hovered over.

Active

Audio_and_subtitles_icon_-_active.png

Audio track applied to the video.


To learn about audio track selection, read our audio tracks article.

Can I change the subtitles and captioning language?

Yes, enable, switch language, or disable subtitles and captioning if alternate options exist - these changes apply for the duration of the current DIVA session.

Language options reflect those available in the selected video stream. The language selection made saves locally and applies when loading subsequent videos in the same DIVA session. To save the language options across different DIVA sessions, DIVA has to be integrated to listen to two callbacks: (onPreferredCC) and (onPreferredAudioTrack), informing the application of the language choice, and storing it for reuse across sessions.

If an operator specifies a default language for the newly selected video, this language takes precedence.

If the language does not exist for the newly selected video, subtitles and captioning are disabled.

Select an option below to see an example of this feature:

Managing Subtitles and Captioning on Android

Compatibility notes:UX/UI improvements as of the Android 5.2 release.

  1. Tap anywhere on the screen to display player controls.

  2. Tap the Audio and Subtitles icon  Audio_and_subtitles_icon_-_active.png at the top of the screen. If additional subtitle languages are available, a chevron icon appears.

  3. Tap Subtitles to display the sub-menu of alternate languages.
    Android_mobile_portrait__CC_AD_.png

  4. Select an alternate language from the available options. Upon selection, a tick icon displays. The change is saved locally and applied when loading streams. By default, subtitles are set to Off — this is configurable based on client requirements.
    Subtitles_and_captioning__mobile_and_tablet__Android.png



Managing Subtitles and Captioning on iOS and iPadOS

Compatibility notes:UX/UI improvements as of the iOS 5.2 release.

  1. Tap anywhere on the screen to display player controls.

  2. Tap the Audio and Subtitles icon  Audio_and_subtitles_icon_-_active.png at the top of the screen. The currently selected subtitle language displays on the right side of the menu. If additional subtitle languages are available, a chevron icon appears.

  3. Tap Subtitles to display the sub-menu of alternate languages.
    iOS_landscape_-_CC_AD.png

  4. Select an alternate language from the available options. Upon selection, a tick icon displays. The change is saved locally and applied when loading streams. By default, subtitles are set to Off - this is configurable based on client requirements.

    Subtitles_and_captioning__mobile_and_tablet__-_iOS.png

Managing Subtitles and Captioning on Responsive mobile

Compatibility notes:UX/UI improvements as of the Web 5.2 release.

  1. Tap anywhere on the screen to display player controls.

  2. Tap the Audio and Subtitles icon  Audio_and_subtitles_icon_-_active.png at the bottom of the screen. The currently selected subtitle language displays on the right side of the menu. If additional subtitle languages are available, a chevron icon appears.

  3. Tap Subtitles to display the sub-menu of alternate languages.
    Subtitles_and_Captioning_UI_refresh__responsive_mobile_.png

  4. Select an alternate language from the available options. Upon selection, a tick icon displays. The change is saved locally and applied when loading streams. By default, subtitles are set to Off - this is configurable based on client requirements.
    Subtitles_and_Captioning_options_UI_refresh__responsive_mobile_.png


Managing Subtitles and Captioning on Responsive tablet

  1. Tap anywhere on the screen to display player controls.

  2. Tap the Audio and Subtitles icon  Audio_and_subtitles_icon_-_active.png at the bottom of the screen. The currently selected subtitle language displays on the right side of the menu. If additional subtitle languages are available, a chevron icon appears.

  3. Tap Subtitles to display the sub-menu of alternate languages.
    Subtitles_and_captioning_UI_refresh__tablet_.png

  4. Select an alternate language from the available options. Upon selection, a tick icon displays. The change is saved locally and applied when loading streams. By default, subtitles are set to Off - this is configurable based on client requirements.
    Subtitles_and_captioning_options_UI_refresh__tablet_.png

Managing Subtitles and Captioning on Responsive web (desktop)

Compatibility notes:UX/UI improvements as of the 5.2 Web release.

  1. Hover anywhere on the screen to display player controls.

  2. Select the Audio and Subtitles icon  Subtitles_and_captioning_button.png at the bottom of the screen. The currently selected subtitle language displays on the right side of the menu. If additional subtitle languages are available, a chevron icon appears.

  3. Select Subtitles to display the sub-menu of alternate languages.

Subtitles_and_captioning_UI_refresh__web_desktop_.png

4. Select an alternate language from the available options. Upon selection, a tick icon displays. The change is saved locally and applied when loading streams. By default, subtitles are set to Off - this is configurable based on client requirements.

Subtitles_and_Captioning_options_UI_refresh__web_desktop_.png

Managing Subtitles and Captioning on WebTV

Compatibility notes:Accessibility features included as part of the WebTV 5.2 release.

Closed_captions.png

Notes:

  1. Content pauses while the subtitles and captioning panel displays.

  2. WebTV does not currently support switching video streams within the same DIVA session.

  3. Read the accessibility article for subtitles and captioning enhancements.

See our accessibility article for subtitles and captioning enhancement options.

Using the remote:

  1. Select up/down arrows to display player controls.
    Subtitles_and_captioning_-_icon_selected.png

  2. Select the left arrow to navigate to the subtitles icon  Closed_captions_-_Subtitles_button.png

  3. Select the OK button with the subtitles icon in focus to display the subtitles panel.

  4. Select up/down arrows to choose a preferred language option or to disable subtitles.

  5. Select the OK button with the preferred language option highlighted.

  6. Select the left arrow or the back button to exit the subtitles panel.

Managing Subtitles and Captioning on Android TV

Closed_captions.png

Note: content pauses while the subtitles and captioning panel displays.

See our accessibility article for subtitles and captioning enhancement options.

Using the Android circular remote control:

  1. Select up/down to display player controls.
    Subtitles_and_captioning_-_icon_selected.png

  2. Select left to navigate to the subtitles icon  Closed_captions_-_Subtitles_button.png

  3. Select the middle button with the subtitles icon in focus to display the subtitles panel.

  4. Select up/down to choose a preferred language option or to disable subtitles.

  5. Select the middle button with the preferred language option highlighted.

  6. Select left or the back button to exit the subtitles panel.

Managing Subtitles and Captioning on tvOS

Compatibility information: DIVA supports tvOS 15+

Apple TV uses automatic subtitles, Closed Captions, and Subtitles.

See our accessibility article for subtitles and captioning enhancement options.

Subtitles and Closed Captions on tvOS 15 (language options display if available):

Accessibility_Closed_caption_tvOS.png

Example showing Closed Captions on tvOS:

Closed_captions_-_tvOS.png

Managing Subtitles and Captioning on Roku

Note: Content pauses while the subtitles and captioning panel displays.

See our accessibility article for subtitles and captioning enhancement options.

To manage subtitles and captioning, using the Roku remote control:

  1. Select the up arrow to display player controls.

  2. Select the left arrow to navigate to the subtitles icon  Closed_captions_-_Subtitles_button.png
    Subtitles_and_captioning_-_icon_selected.png

  3. Select OK with the subtitles icon in focus to display the subtitles panel.

  4. Select up/down arrows to choose a preferred language option or to disable subtitles and captioning.

  5. Select OK with the preferred language option highlighted.

  6. Select the left arrow or the back button to exit the subtitles and captioning panel.