fbpx
Wikipedia

WebVTT

WebVTT (Web Video Text Tracks) is a World Wide Web Consortium (W3C) standard for displaying timed text in connection with the HTML5 <track> element.

WebVTT
Filename extension
.vtt
Internet media type
text/vtt
Developed byWorld Wide Web Consortium (W3C)
Initial release10 August 2010; 13 years ago (2010-08-10)[1]
Latest release
4 April 2019; 5 years ago (2019-04-04)
Type of formatTimed text
Extended fromSRT
StandardW3C WebVTT
Open format?Yes
Free format?Yes

The early drafts of its specification were written by the WHATWG in 2010 after discussions about what caption format should be supported by HTML5—the main options being the relatively mature, XML-based Timed Text Markup Language (TTML) or an entirely new but more lightweight standard based on the widely used SubRip format. The final decision was for the new standard, initially called WebSRT (Web Subtitle Resource Tracks).[2] It shared the .srt file extension and was broadly based on the SubRip format, though not fully compatible with it.[3] The prospective format was later renamed WebVTT.[4][5] In the January 13, 2011, version of the HTML5 Draft Report, the <track> element was introduced and the specification was updated to document WebVTT cue text rendering rules.[6] The WebVTT specification is a W3C Candidate Recommendation, and the basic features are supported by all major browsers.

Main differences from SubRip edit

  • WebVTT's first line starts with WEBVTT after the optional UTF-8 byte order mark
  • There is space for optional header data between the first line and the first cue
  • Timecode fractional values are separated by a full stop instead of a comma
  • Timecode hours are optional
  • The frame numbering/identification preceding the timecode is optional
  • Comments identified by the word NOTE can be added
  • Metadata information can be added in a JSON-style format
  • Chapter information can be optionally specified
  • Only supports extended characters as UTF-8
  • CSS in a separate file defined in the companion HTML document for C tags is used instead of the FONT element
  • Cue settings allow the customization of cue positioning on the video[7]

Compatibility edit

Browser Support[8][9]
Browser Cue Text Tags Cue Positioning CSS Styling
Chrome 35+
Android stock browser 5.0+
Opera 22+
Safari 7+ (iOS: 8+)
Firefox 31+ (Android: 32+)
Microsoft Edge 12+
Internet Explorer 10+

Firefox implemented WebVTT in its nightly builds (Firefox 24), but initially it was not enabled by default. The feature had to be enabled in Firefox by going to the "about:config" page and setting the value of "media.webvtt.enabled" to true.[10] YouTube began supporting WebVTT in April, 2013.[11] As of July 24, 2014, Mozilla has enabled WebVTT on Firefox by default.[12]

Subtitles in a .vtt file show online, but not when stored on a local drive.

Example of WebVTT format edit

A sample file from the W3C captioning Roger Bingham interviewing Neil deGrasse Tyson:[13]

WEBVTT 00:11.000 --> 00:13.000 <v Roger Bingham>We are in New York City 00:13.000 --> 00:16.000 <v Roger Bingham>We're actually at the Lucern Hotel, just down the street 00:16.000 --> 00:18.000 <v Roger Bingham>from the American Museum of Natural History 00:18.000 --> 00:20.000 <v Roger Bingham>And with me is Neil deGrasse Tyson 00:20.000 --> 00:22.000 <v Roger Bingham>Astrophysicist, Director of the Hayden Planetarium 00:22.000 --> 00:24.000 <v Roger Bingham>at the AMNH. 00:24.000 --> 00:26.000 <v Roger Bingham>Thank you for walking down here. 00:27.000 --> 00:30.000 <v Roger Bingham>And I want to do a follow-up on the last conversation we did. 00:30.000 --> 00:31.500 align:right size:50% <v Roger Bingham>When we e-mailed— 00:30.500 --> 00:32.500 align:left size:50% <v Neil deGrasse Tyson>Didn't we talk about enough in that conversation? 00:32.000 --> 00:35.500 align:right size:50% <v Roger Bingham>No! No no no no; 'cos 'cos obviously 'cos 00:32.500 --> 00:33.500 align:left size:50% <v Neil deGrasse Tyson><i>Laughs</i> 00:35.500 --> 00:38.000 <v Roger Bingham>You know I'm so excited my glasses are falling off here. 

Other features edit

In June 2013, an example was added to the specification that included a new "region" setting.[14] This feature is supported since Firefox 59 and Safari 14.1 (14.5 on iOS) but not in any other browser.[15]

References edit

  1. ^ . Archived from the original on 2010-08-16. Retrieved 2015-02-12.
  2. ^ "WebVTT versus TTML: XML considered harmful for web captions?". Retrieved 16 February 2015.
  3. ^ WebSRT, from the WHATWG HTML draft specification, retrieved 2010-10-14
  4. ^ Kennedy, Antony; de Leon, Inayaili (2011). Pro CSS for High Traffic Websites. Apress. ISBN 978-1-4302-3288-9.
  5. ^ Pfeiffer, Silvia (June 27, 2011). "Recent developments around WebVTT".
  6. ^ "HTML5".
  7. ^ . W3C. Archived from the original on 6 October 2015. Retrieved 11 February 2015.
  8. ^ "WebVTT support in browser". W3C. Retrieved 6 February 2017.
  9. ^ . JWPlayer. Archived from the original on 20 April 2016. Retrieved 6 February 2017.
  10. ^ "Implement the track element".
  11. ^ "Caption File - YouTube Help".
  12. ^ "Firefox 31 Release Notes".
  13. ^ "WebVtt: The Web Video Text Tracks Format". w3.org. The World Wide Web Consortium. 4 April 2019. Retrieved 23 February 2023.
  14. ^ "Added region example to Introduction section under "Other features" – GitHub commit details". GitHub.
  15. ^ "VTTCue.region - Web APIs | MDN". MDN Web Docs.

External links edit

  • WebVTT Standard
  • Mozilla's developer page concerning WebVTT implementation

webvtt, video, text, tracks, world, wide, consortium, standard, displaying, timed, text, connection, with, html5, track, element, filename, extension, vttinternet, media, typetext, vttdeveloped, byworld, wide, consortium, initial, release10, august, 2010, year. WebVTT Web Video Text Tracks is a World Wide Web Consortium W3C standard for displaying timed text in connection with the HTML5 lt track gt element WebVTTFilename extension vttInternet media typetext vttDeveloped byWorld Wide Web Consortium W3C Initial release10 August 2010 13 years ago 2010 08 10 1 Latest release4 April 2019 5 years ago 2019 04 04 Type of formatTimed textExtended fromSRTStandardW3C WebVTTOpen format YesFree format Yes The early drafts of its specification were written by the WHATWG in 2010 after discussions about what caption format should be supported by HTML5 the main options being the relatively mature XML based Timed Text Markup Language TTML or an entirely new but more lightweight standard based on the widely used SubRip format The final decision was for the new standard initially called WebSRT Web Subtitle Resource Tracks 2 It shared the srt file extension and was broadly based on the SubRip format though not fully compatible with it 3 The prospective format was later renamed WebVTT 4 5 In the January 13 2011 version of the HTML5 Draft Report the lt track gt element was introduced and the specification was updated to document WebVTT cue text rendering rules 6 The WebVTT specification is a W3C Candidate Recommendation and the basic features are supported by all major browsers Contents 1 Main differences from SubRip 2 Compatibility 3 Example of WebVTT format 4 Other features 5 References 6 External linksMain differences from SubRip editWebVTT s first line starts with WEBVTT after the optional UTF 8 byte order mark There is space for optional header data between the first line and the first cue Timecode fractional values are separated by a full stop instead of a comma Timecode hours are optional The frame numbering identification preceding the timecode is optional Comments identified by the word NOTE can be added Metadata information can be added in a JSON style format Chapter information can be optionally specified Only supports extended characters as UTF 8 CSS in a separate file defined in the companion HTML document for C tags is used instead of the FONT element Cue settings allow the customization of cue positioning on the video 7 Compatibility editBrowser Support 8 9 Browser Cue Text Tags Cue Positioning CSS Styling Chrome 35 Android stock browser 5 0 Opera 22 Safari 7 iOS 8 Firefox 31 Android 32 Microsoft Edge 12 Internet Explorer 10 Firefox implemented WebVTT in its nightly builds Firefox 24 but initially it was not enabled by default The feature had to be enabled in Firefox by going to the about config page and setting the value of media webvtt enabled to true 10 YouTube began supporting WebVTT in April 2013 11 As of July 24 2014 Mozilla has enabled WebVTT on Firefox by default 12 Subtitles in a vtt file show online but not when stored on a local drive Example of WebVTT format editA sample file from the W3C captioning Roger Bingham interviewing Neil deGrasse Tyson 13 WEBVTT 00 11 000 gt 00 13 000 lt v Roger Bingham gt We are in New York City 00 13 000 gt 00 16 000 lt v Roger Bingham gt We re actually at the Lucern Hotel just down the street 00 16 000 gt 00 18 000 lt v Roger Bingham gt from the American Museum of Natural History 00 18 000 gt 00 20 000 lt v Roger Bingham gt And with me is Neil deGrasse Tyson 00 20 000 gt 00 22 000 lt v Roger Bingham gt Astrophysicist Director of the Hayden Planetarium 00 22 000 gt 00 24 000 lt v Roger Bingham gt at the AMNH 00 24 000 gt 00 26 000 lt v Roger Bingham gt Thank you for walking down here 00 27 000 gt 00 30 000 lt v Roger Bingham gt And I want to do a follow up on the last conversation we did 00 30 000 gt 00 31 500 align right size 50 lt v Roger Bingham gt When we e mailed 00 30 500 gt 00 32 500 align left size 50 lt v Neil deGrasse Tyson gt Didn t we talk about enough in that conversation 00 32 000 gt 00 35 500 align right size 50 lt v Roger Bingham gt No No no no no cos cos obviously cos 00 32 500 gt 00 33 500 align left size 50 lt v Neil deGrasse Tyson gt lt i gt Laughs lt i gt 00 35 500 gt 00 38 000 lt v Roger Bingham gt You know I m so excited my glasses are falling off here Other features editIn June 2013 an example was added to the specification that included a new region setting 14 This feature is supported since Firefox 59 and Safari 14 1 14 5 on iOS but not in any other browser 15 References edit WebSRT Archived from the original on 2010 08 16 Retrieved 2015 02 12 WebVTT versus TTML XML considered harmful for web captions Retrieved 16 February 2015 WebSRT from the WHATWG HTML draft specification retrieved 2010 10 14 Kennedy Antony de Leon Inayaili 2011 Pro CSS for High Traffic Websites Apress ISBN 978 1 4302 3288 9 Pfeiffer Silvia June 27 2011 Recent developments around WebVTT HTML5 WebVTT cue settings W3C Archived from the original on 6 October 2015 Retrieved 11 February 2015 WebVTT support in browser W3C Retrieved 6 February 2017 WebVTT Styling JWPlayer Archived from the original on 20 April 2016 Retrieved 6 February 2017 Implement the track element Caption File YouTube Help Firefox 31 Release Notes WebVtt The Web Video Text Tracks Format w3 org The World Wide Web Consortium 4 April 2019 Retrieved 23 February 2023 Added region example to Introduction section under Other features GitHub commit details GitHub VTTCue region Web APIs MDN MDN Web Docs External links editWebVTT Standard Mozilla s developer page concerning WebVTT implementation Retrieved from https en wikipedia org w index php title WebVTT amp oldid 1214050674, wikipedia, wiki, book, books, library,

article

, read, download, free, free download, mp3, video, mp4, 3gp, jpg, jpeg, gif, png, picture, music, song, movie, book, game, games.