HTML and CSS Reference
In-Depth Information
Figure23.Use of class name and CSS to highlight a specific word in the subtitle
A last annotation you can use with WebVTT is the voice cue tag:
<v.Shelley>Hey! This is me talking!
Currently the specification doesn't provide a closing voice tag, but this is likely to change to
the following:
<v.Shelley>Hey! This is me talking!</v>
You can also support a karaoke-style (step-by-step) presentation, using inline timestamps for
each step:
04:18:00.657-->04:19:00.000
One...<04:18:20.000>Two...<04:18:40.000>Three...
It's all well and good to talk about SRT and WebVTT and how you can use annotation and
markup to control the subtitle and caption text, but what good is any of this when browsers
haven't implemented track support yet?
Luckily, we don't have to wait for the browsers to finish implementing the HTML5 video and
audio elements in order to try out captions and subtitles and all the WebVTT annotations.
