<overlay> is a proposal to display and style subtitles/captions for <video> in a uniform way, regardless of whether they are in-band or from an external resource. It also doubles as a container to overlay arbitrary (HTML) content on a <video>, enabling advanced scripted overlays such as karaoke animations or visual annotations.
Use Case Description
Complete description of the use case.
HTML5 currently lacks convenient markup and interfaces to handle at least three things:
- Syncing and displaying external subtitles/captions with <video>
- Styling in-band subtitles/captions from media resources
Current Usage and Workarounds
Some evidence that this feature is desperately needed on the web. You may provide a separate examples page for listing these.
Explanation of how and why new markup would be useful.
Requests for this Feature
I would like this feature ...
- Brief description of the solution and of how it address the problem at hand.
- Explanation of the changes introduced by this solution. It explains how the document is processed, and how errors are handled. This should be very clear, including things such as event timing if the solution involves events, how to create graphs representing the data in the case of semantic proposals, etc.
- Cases not covered by this solution in relation to the problem description; other problems with this solution, if any.
- Description of how and why browser vendors would take advantage of this feature.
- Reasons why page authors would use this solution.
Silvia Pfeiffer's blog posts:
- More video accessibility work
- First experiments with itext
- The different aspects of video accessibility
- New proposal for captions and other timed text for HTML5
- The model of a time-linear media resource for HTML5
- Manifests for exposing the structure of a Composite Media Resource
Silvia Pfeiffer's <itext> proposals: