Merge pull request #1076 from w3c/rjksmith

Added TIMELINE To WebVMT Spec
w3c · Aug 11, 2018 · fd1d950 · fd1d950
2 parents bb6453d + de00570
commit fd1d950
Showing 1 changed file with 49 additions and 0 deletions.
diff --git a/proposals/geotagging/webvmt/index.html b/proposals/geotagging/webvmt/index.html
@@ -281,6 +281,11 @@ <h2>Hello World</h2>
           <pre class='nohighlight example' title='Tower Bridge VMT'>
 WEBVMT
 
+TIMELINE {
+  uri: TowerBridge.mp4;
+  mime-type: video/mp4;
+}
+
 MAP {
   centre: 51.506 -0.076;
   zoom: 16;
@@ -302,6 +307,11 @@ <h2>Map Presentation</h2>
           <pre class='nohighlight example' title='Tower of London VMT'>
 WEBVMT
 
+TIMELINE {
+  uri: ../movies/TowerOfLondon.webm;
+  mime-type: video/webm;
+}
+
 MAP {
   centre: 51.162 -0.143;
   zoom: 10;
@@ -328,6 +338,13 @@ <h2>Comment Block</h2>
           <pre class='nohighlight example' title='Tower Landmarks VMT'>
 WEBVMT
 
+NOTE Associated video
+
+TIMELINE {
+  uri: /home/myuser/movies/TowerLandmarks.ogg;
+  mime-type: video/ogg;
+}
+
 NOTE Map config
 
 MAP {
@@ -401,6 +418,11 @@ <h2>CSS Style Block</h2>
           <pre class='nohighlight example' title='Greenwich Meridian VMT'>
 WEBVMT
 
+TIMELINE {
+  uri: http://example.com/movies/Greenwich.mp4;
+  mime-type: video/mp4;
+}
+
 MAP {
   centre: 51.478 -0.001;
   zoom: 18;
@@ -450,6 +472,13 @@ <h2>Animated Path</h2>
           <pre class='nohighlight example' title='London to Brighton VMT'>
 WEBVMT
 
+NOTE Associated video
+
+TIMELINE {
+  uri: LondonBrighton.mp4;
+  mime-type: video/mp4;
+}
+
 NOTE Map config
 
 MAP {
@@ -491,6 +520,13 @@ <h2>Animated Annotation</h2>
           <pre class='nohighlight example' title='Safe Drone VMT'>
 WEBVMT
 
+NOTE Associated video
+
+TIMELINE {
+  uri: SafeDrone.mp4;
+  mime-type: video/mp4;
+}
+
 NOTE Map config
 
 MAP {
@@ -552,6 +588,19 @@ <h2>Hello YouTube</h2>
           <p>
           Note that the &lt;track&gt; pseudo-element is actually replaced by the &lt;iframe&gt; content when the page is loaded.
           </p>
+          <p>
+          The uri in the "TIMELINE" block should match the 'src' attribute of the &lt;iframe&gt; element without the query.
+          </p>
+          <pre class='nohighlight example' title='YouTube VMT Fragment'>
+WEBVMT
+
+NOTE Associated YouTube video
+
+TIMELINE {
+  uri: http://www.youtube.com/embed/YOUTUBE_VIDEO_ID;
+  mime-type: video/mp4;
+}
+          </pre>
         </section>
       </section>
     </section>