Short URL: http://html5.org/r/7066
| SVN | Bug | Comment | Time (UTC) |
|---|---|---|---|
| 7066 | Add examples. | 2012-04-24 22:07 |
Index: source =================================================================== --- source (revision 7065) +++ source (revision 7066) @@ -37220,6 +37220,71 @@ title="">x</var> is said to be a <dfn>WebVTT file using only nested cues</dfn>.</p> + <div class="example"> + + <p>The following example matches this definition:</p> + + <pre>WEBVTT + +00:00.000 --> 01:24.000 +Introduction + +00:00.000 --> 00:44.000 +Topics + +00:44.000 --> 01:19.000 +Presenters + +01:24.000 --> 05:00.000 +Scrolling Effects + +01:35.000 --> 03:00.000 +Achim's Demo + +03:00.000 --> 05:00.000 +Timeline Panel</pre> + + <p>Notice how you can express the cues in this WebVTT file as a + tree structure:</p> + + <ul> + <li>WebVTT file + <ul> + <li>Introduction + <ul> + <li>Topics + <li>Presenters + </ul> + </li> + <li>Scrolling Effects + <ul> + <li>Achim's Demo + <li>Timeline Panel + </ul> + </li> + </ul> + </li> + </ul> + + <p>If the file has cues that can't be expressed in this fashion, + then they don't match the definition of a <span>WebVTT file using + only nested cues</span>. For example:</p> + + <pre>WEBVTT + +00:00.000 --> 01:00.000 +The First Minute + +00:30.000 --> 01:30.000 +The Final Minute</pre> + + <p>In this ninety-second example, the two cues partly overlap, with + the first ending before the second ends and the second starting + before the first ends. This therefore is not a <span>WebVTT file + using only nested cues</span>.</p> + + </div> + <p>A <dfn>WebVTT timestamp</dfn> representing a time in seconds and fractions of a second is a <span>WebVTT timestamp</span> representing hours <var