html5/webvtt Overview.html,1.18,1.19

Update of /sources/public/html5/webvtt
In directory hutz:/tmp/cvs-serv14064

Modified Files:
	Overview.html 
Log Message:
Add examples. (whatwg r7066)

Index: Overview.html
===================================================================
RCS file: /sources/public/html5/webvtt/Overview.html,v
retrieving revision 1.18
retrieving revision 1.19
diff -u -d -r1.18 -r1.19
--- Overview.html	24 Apr 2012 21:51:22 -0000	1.18
+++ Overview.html	24 Apr 2012 22:07:34 -0000	1.19
@@ -405,6 +405,62 @@
   of all the cues whose start time offsets are less than <var title="">x</var> is said to be a <dfn id=webvtt-file-using-only-nested-cues>WebVTT file using only nested
   cues</dfn>.</p>
 
+  <div class=example>
+
+   <p>The following example matches this definition:</p>
+
+  <pre>WEBVTT
+
+00:00.000 --&gt; 01:24.000
+Introduction
+
+00:00.000 --&gt; 00:44.000
+Topics
+
+00:44.000 --&gt; 01:19.000
+Presenters
+
+01:24.000 --&gt; 05:00.000
+Scrolling Effects
+
+01:35.000 --&gt; 03:00.000
+Achim's Demo
+
+03:00.000 --&gt; 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 <a href=#webvtt-file-using-only-nested-cues>WebVTT file using
+   only nested cues</a>. For example:</p>
+
+  <pre>WEBVTT
+
+00:00.000 --&gt; 01:00.000
+The First Minute
+
+00:30.000 --&gt; 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 <a href=#webvtt-file-using-only-nested-cues>WebVTT file
+   using only nested cues</a>.</p>
+
+  </div>
+
   <p>A <dfn id=webvtt-timestamp>WebVTT timestamp</dfn> representing a time in seconds and
   fractions of a second is a <a href=#webvtt-timestamp>WebVTT timestamp</a>
   representing hours <var title="">hours</var>, minutes <var title="">minutes</var>, seconds

Received on Tuesday, 24 April 2012 22:07:39 UTC