WebVTT in Media Transport Formats

WebVTT is quite a powerful format. It has been developed to transport timed data chunks, including captions, subtitles, video descriptions, chapters, and in fact any chunk of data that cues up with a time segment of a media element.

The TextTrack API in HTML5 that provides the means to synchronize timed data chunks with media elements is specified generically such that these cues can come from a <track> element, from JavaScript, or from text tracks provided in-band in a media resource.

The support of WebVTT in <track> elements in browsers is coming along nicely – Safari has released it, IE10, Opera and Chrome have previews and will release it in their next versions, and the Firefox community is also highly active.

As can be expected, support of WebVTT in media transport formats is taking a bit longer to specify and implement. However, we are already seeing specifications for these formats, even though at the time of writing of this article, as far as we know, there are no implementations of any of these specifications yet.

  • WebVTT in WebM was the first specification for encapsulating WebVTT in a media container.
  • WebVTT in Apple’s HTTP Live Streaming has been published just recently and details how to use WebVTT for captions with m3u8. While it right now covers plain cues only and no CSS styling, it is the first format to show how HTTP adaptive streaming formats can make use of WebVTT.

Other formats where we heard that work is happening, but no public specifications have been made available yet include WebVTT in MP4 containers, WebVTT in Ogg, and WebVTT in MPEG DASH.

One Response to WebVTT in Media Transport Formats

  1. Sunil Deshpande says:

    I am looking for http live streaming link with webVTT subtittle for testing. So can anybody share the link of hls + webVTT?

    With Regards,
    Sunil Deshpande

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Before you comment here, note that this forum is moderated and your IP address is sent to Akismet, the plugin we use to mitigate spam comments.