W3C home > Mailing lists > Public > public-html-commits@w3.org > November 2012

CVS html5/webvtt

From: CVS User ihickson <cvsmail@w3.org>
Date: Mon, 19 Nov 2012 18:25:48 +0000
Message-Id: <E1TaW2W-00015W-LN@roscoe.w3.org>
To: public-html-commits@w3.org
Update of /sources/public/html5/webvtt
In directory roscoe:/tmp/cvs-serv4163

Modified Files:
	Overview.html 
Log Message:
More examples of WebVTT. (whatwg r7510)

--- /sources/public/html5/webvtt/Overview.html	2012/11/05 21:05:39	1.51
+++ /sources/public/html5/webvtt/Overview.html	2012/11/19 18:25:48	1.52
@@ -1,6 +1,6 @@
 <!DOCTYPE html><html lang=en-US-x-hixie><meta charset=ascii><title>WebVTT Standard</title><script>
    var loadTimer = new Date();
-   var current_revision = "r" + "$Revision: 1.51 $".substr(11);
+   var current_revision = "r" + "$Revision: 1.52 $".substr(11);
    current_revision = current_revision.substr(0, current_revision.length - 2);
    var last_known_revision = current_revision;
    function getCookie(name) {
@@ -122,7 +122,7 @@
 
   <header class=head id=head><!-- the following line added by request of Ian Jacobs --><p class=logo><a href=http://www.w3.org/><img alt=W3C height=48 src=http://www.w3.org/Icons/w3c_home width=72></a></p>
    <hgroup><h1 class="no-num no-toc">WebVTT</h1>
-    <h2 class="no-num no-toc">Living Standard &mdash; Last Updated 5 November 2012</h2>
+    <h2 class="no-num no-toc">Living Standard &mdash; Last Updated 19 November 2012</h2>
    </hgroup><dl><dt>Latest version:</dt>
     <dd><a href=http://dev.w3.org/html5/webvtt/>http://dev.w3.org/html5/webvtt/</a></dd>
     <dt>Participate:</dt>
@@ -152,7 +152,8 @@
  <li><a href=#introduction><span class=secno>1 </span>Introduction</a>
   <ol>
    <li><a href=#cues-with-multiple-lines><span class=secno>1.1 </span>Cues with multiple lines</a></li>
-   <li><a href=#comments><span class=secno>1.2 </span>Comments</a></ol></li>
+   <li><a href=#comments><span class=secno>1.2 </span>Comments</a></li>
+   <li><a href=#other-features><span class=secno>1.3 </span>Other features</a></ol></li>
  <li><a href=#conformance><span class=secno>2 </span>Conformance</a>
   <ol>
    <li><a href=#dependencies><span class=secno>2.1 </span>Dependencies</a></ol></li>
@@ -366,6 +367,63 @@
   </div>
   
 
+  <h3 id=other-features><span class=secno>1.3 </span>Other features</h3>
+
+  <p><i>This section is non-normative.</i></p>
+
+  <p>WebVTT also supports some less-often used features.</p>
+
+  <div class=example>
+
+   <p>In this example, one of the cues has an identifier:</p>
+
+   <pre>WEBVTT
+
+00:00.000 --&gt; 00:02.000
+That's an, an, that's an L!
+
+transcription-credit
+00:04.000 --&gt; 00:05.000
+Transcribed by Celestials&trade;</pre>
+
+   <p>This allows a style sheet to specifically target that cue:</p>
+
+   <pre>::cue(#transcription-credit) { color: red }</pre>
+
+  </div>
+
+  <div class=example>
+
+   <p>In this example, each cue says who is talking using voice spans. In the first cue, the span
+   specifying the speaker is also annotated with two classes, "first" and "loud". In the third cue,
+   there is also some italics text (not associated with a specific speaker). The last cue is
+   annotated with just the class "loud".</p>
+
+   <pre>WEBVTT
+
+00:00.000 --&gt; 00:02.000
+<v esme="">It's a blue apple tree!
+
+00:02.000 --&gt; 00:04.000
+<v mary="">No way!
+
+00:04.000 --&gt; 00:06.000
+<v esme="">Hee!</v><i>laughter</i>
+
+00:06.000 --&gt; 00:08.000
+<v mary="">That's awesome!</v></v></v></pre>
+
+   <p>Notice that as a special exception, the voice spans don't have to be closed if they cover the
+   entire cue text.</p>
+
+   <p>Style sheets can style these spans:</p>
+
+   <pre>::cue(v[voice="Esme"]) { color: blue }
+::cue(v[voice="Mary"]) { color: green }
+::cue(i) { font-style: italic }
+::cue(.loud) { font-size: 2em }</pre>
+
+  </div>
 
 
 
@@ -447,8 +505,8 @@
    line, the second one to terminate the header block: in the future,
    we can add a metadata block before the first blank line -->
 
-   <li>Zero or more <a href=#webvtt-cue title="WebVTT cue">WebVTT cues</a> and/or <span title="WebVTT
-   comments">WebVTT comments</span> separated from each other by two or more <a href=#webvtt-line-terminator title="WebVTT
+   <li>Zero or more <a href=#webvtt-cue title="WebVTT cue">WebVTT cues</a> and/or <a href=#webvtt-comment title="WebVTT
+   comment">WebVTT comments</a> separated from each other by two or more <a href=#webvtt-line-terminator title="WebVTT
    line terminator">WebVTT line terminators</a>.</li>
 
    <li>Zero or more <a href=#webvtt-line-terminator title="WebVTT line terminator">WebVTT line
Received on Monday, 19 November 2012 18:25:55 GMT

This archive was generated by hypermail 2.2.0+W3C-0.50 : Monday, 19 November 2012 18:25:55 GMT