question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Q: How do we pass text track data (captions, subtitles) in to the menus and other elements that need it?

Assumptions:

  • At the the UI (chrome) level we are not overlaying the captions on the media, that’s the job of the media element
  • We may still want access to the text track cues, to display outside of the player or do something interesting based on a metadata track.

Important text track details:

  • srclang is required when kind is set
  • label is not required
  • “A media element cannot have more than one track with the same kind, srclang, and label.”
  • Tracks can be disabled, hidden (still active and usable), and showing
  • Multiple tracks of the same kind can be showing

Proposal

Available tracks list:

  • One attr per ‘kind’ of track (Menus can choose to combine the lists if desired)
<media-ui-el media-captions-list="..." media-subtitles-list="..." >
  • Comma-separated list with URL-encoded optional label value
<media-ui-el media-captions-list="en-US:English en:English%20%28with%20descriptions%29">

Min required
<media-ui-el media-captions-list="en">

Selected track(s)

<media-ui-el media-captions-showing="en-US es">

Issue Analytics

  • State:closed
  • Created 2 years ago
  • Reactions:1
  • Comments:5

github_iconTop GitHub Comments

1reaction
heffcommented, Jan 23, 2022

@cjpillsbury it feels like we can close this one, yeah? I think we’ve implemented the major concepts, and even worked towards a solution to the last note on adjusting the captions location, via the middle chrome section.

0reactions
cjpillsburycommented, Jan 24, 2022

Closing. Data relationship implemented. Alternate render target for captions/subtitles. should be treated as a separate issue/feature discussion if/when we try to support it.

Read more comments on GitHub >

github_iconTop Results From Across the Web

The Embed Text Track element - HTML - MDN Web Docs
The type of data that track adds to the media is set in the kind attribute, which can take values of subtitles ,...
Read more >
Media TextTrack Issues - HTML accessibility task force Wiki
Timed text metadata tracks will be used to carry application signaling data for cable video content. There are multiple kinds of metadata tracks...
Read more >
Track Text Messages: See When SMS Messages Are Delivered
Tracking text messages is easy with our text message and SMS platform. Instantly check receipt & opening of texts, KPIs, reply rates, costs...
Read more >
Working with Text Track Uploads - Vimeo Developer
Working with Text Track Uploads. Text tracks are text-based content that you associate with your videos to make them more accessible.
Read more >
TextTrack Class (Microsoft.Azure.Management.Media.Models)
Represents a text track in an asset. A text track is usually used for sparse data related to the audio or video tracks....
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found