WebVTT: Difference between revisions
(→WEBVTT: Remove top-level header. The page title takes care of that.) |
(→Status: Explain how to test the current, pref'd off support.) |
||
| Line 21: | Line 21: | ||
== Status == | == Status == | ||
Currently you can view basic subtitles in Mozilla's Nightly builds. The basic WEBVTT tags such as <b>, <u>, and <i> are working. | Currently you can view basic subtitles in Mozilla's Nightly builds. The basic WEBVTT tags such as <b>, <u>, and <i> are working. | ||
To try it out, go to [[about:config]] and set the ''media.webvtt.enabled'' pref to true. Then visit a demo page like [[http://people.mozilla.org/~rgiles/2013/demo.html this one]]. | |||
== Get Involved == | == Get Involved == | ||
Revision as of 18:54, 13 June 2013
Overview
WebVTT: Web Video Text Tracks is a concerted effort to bring subtitles that run natively on the browser to the web. WEBVTT functions by attaching an external WEBVTT file to the <video> element via the <track> element like so:
<video src="video.webm"> <track src="sample.webvtt"> </video>
Where sample.vtt is an external WEBVTT file marked up like so:
WEBVTT 00:01.000 --> 00:03.000 Hey! 00:03.000 --> 00:05.000 This is a sample!
If you feel like some self-punishment you can check out more about how it works by reading the WEBVTT spec as well as the HTML5 Track Element spec.
Status
Currently you can view basic subtitles in Mozilla's Nightly builds. The basic WEBVTT tags such as <b>, <u>, and <i> are working.
To try it out, go to about:config and set the media.webvtt.enabled pref to true. Then visit a demo page like [this one].
Get Involved
There are many ways you can help out Mozilla's implementation of WEBVTT. You can help by:
- Working on the standalone libwebvtt parser.
- Working on the implementation of the browser spec and integration of the libwebvtt parser into Gecko.
Jump on #media on irc.mozilla.org to co-ordinate with contributors. Look for :rillian, :reyre, :caitp, or :msaad.