Skip to content

Commit

Permalink
Merge pull request #1398 from w3c/rjksmith
Browse files Browse the repository at this point in the history 
Updated WebVMT Draft Note
  • Loading branch information
@rjksmith
rjksmith committed Feb 28, 2023
2 parents 886cee2 + 8448fb5 commit 123352e
Showing 1 changed file with 36 additions and 36 deletions.
72 changes: 36 additions & 36 deletions proposals/geotagging/webvmt/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -387,10 +387,10 @@ <h2>Hello World</h2>
rad:250

00:00:02.000 --&gt; 00:00:05.000
{ "moveto":
{ "move-to":
{ "lat": 51.504362, "lng": -0.076153 }
}
{ "lineto":
{ "line-to":
{ "lat": 51.506646, "lng": -0.074651 }
}
</pre>
Expand All @@ -415,7 +415,7 @@ <h2>Map Presentation</h2>
rad:20000

00:00:03.000 --&gt;
{ "panto":
{ "pan-to":
{ "lat": 51.508, "lng": -0.077, "end": "00:00:05.000" }
}

Expand Down Expand Up @@ -454,10 +454,10 @@ <h2>Comment Block</h2>
NOTE Tower Bridge

00:00:01.000 --&gt; 00:00:05.000
{ "moveto":
{ "move-to":
{ "lat": 51.504362, "lng": -0.076153 }
}
{ "lineto":
{ "line-to":
{ "lat": 51.506646, "lng": -0.074651 }
}

Expand Down Expand Up @@ -557,10 +557,10 @@ <h2>CSS Style Block</h2>
NOTE Prime Meridian marker

00:00:00.000 --&gt;
{ "moveto":
{ "move-to":
{ "lat":51.477901, "lng": -0.001466 }
}
{ "lineto":
{ "line-to":
{ "lat":51.477946, "lng": -0.001466 }
}

Expand Down Expand Up @@ -844,7 +844,7 @@ <h2>Interpolated Path</h2>
NOTE London overview

00:00:01.000 --&gt;
{ "panto":
{ "pan-to":
{ "lat": 51.4952, "lng": -0.1441 }
}

Expand All @@ -856,20 +856,20 @@ <h2>Interpolated Path</h2>
NOTE From London Victoria...

00:00:03.000 --&gt;
{ "panto":
{ "pan-to":
{ "lat": 50.830553, "lng": -0.141706, "end": "00:00:25.000" }
}
{ "moveto":
{ "move-to":
{ "lat": 51.494477, "lng": -0.144753, "path": "cam1" }
}
{ "lineto":
{ "line-to":
{ "lat": 51.155958, "lng": -0.16089, "path": "cam1", "end": "00:00:10.000" }
}

NOTE ...via Gatwick Airport...

00:00:10.000 --&gt;
{ "lineto":
{ "line-to":
{ "lat": 50.830553, "lng": -0.141706, "path": "cam1", "end": "00:00:25.000" }
}

Expand Down Expand Up @@ -907,13 +907,13 @@ <h2>Interpolated Annotation</h2>
NOTE Drone starts at (51.0130, -0.0015)

00:00:05.000 --&gt;
{ "panto":
{ "pan-to":
{ "lat": 51.0070, "lng": -0.0020, "end": "00:00:25.000" }
}
{ "moveto":
{ "move-to":
{ "lat": 51.0130, "lng": -0.0015, "path": "drone1" }
}
{ "lineto":
{ "line-to":
{ "lat": 51.0090, "lng": -0.0017, "path": "drone1", "end": "00:00:10.000" }
}

Expand All @@ -930,7 +930,7 @@ <h2>Interpolated Annotation</h2>
NOTE Drone arrives at (51.0090, -0.0017)

00:00:10.000 --&gt;
{ "lineto":
{ "line-to":
{ "lat": 51.0070, "lng": -0.0020, "path": "drone1", "end": "00:00:25.000" }
}
{ "circle":
Expand Down Expand Up @@ -2153,7 +2153,7 @@ <h2>WebVMT Map Commands</h2>
A <dfn>WebVMT pan command</dfn> consists of a <a data-cite='ECMA-404' data-no-xref=''>JSON text</a> representing the following <a data-cite='ECMA-404' data-no-xref=''>JSON object</a>:
<ul>
<li>
The <a data-cite='ECMA-404' data-no-xref=''>JSON string</a> "<code>panto</code>".
The <a data-cite='ECMA-404' data-no-xref=''>JSON string</a> "<code>pan-to</code>".
</li>
<li>
A <a data-cite='ECMA-404' data-no-xref=''>JSON value</a> consisting of a <a>WebVMT pan parameter list</a>.
Expand Down Expand Up @@ -2439,7 +2439,7 @@ <h2>WebVMT Path Commands</h2>
A <dfn>WebVMT move command</dfn> consists of a <a data-cite='ECMA-404' data-no-xref=''>JSON text</a> representing the following <a data-cite='ECMA-404' data-no-xref=''>JSON object</a>:
<ul>
<li>
The <a data-cite='ECMA-404' data-no-xref=''>JSON string</a> "<code>moveto</code>".
The <a data-cite='ECMA-404' data-no-xref=''>JSON string</a> "<code>move-to</code>".
</li>
<li>
A <a data-cite='ECMA-404' data-no-xref=''>JSON value</a> consisting of a <a>WebVMT move parameter list</a>.
Expand Down Expand Up @@ -2496,7 +2496,7 @@ <h2>WebVMT Path Commands</h2>
A <dfn>WebVMT line command</dfn> consists of a <a data-cite='ECMA-404' data-no-xref=''>JSON text</a> representing the following <a data-cite='ECMA-404' data-no-xref=''>JSON object</a>:
<ul>
<li>
The <a data-cite='ECMA-404' data-no-xref=''>JSON string</a> "<code>lineto</code>".
The <a data-cite='ECMA-404' data-no-xref=''>JSON string</a> "<code>line-to</code>".
</li>
<li>
A <a data-cite='ECMA-404' data-no-xref=''>JSON value</a> consisting of a <a>WebVMT line parameter list</a>.
Expand Down Expand Up @@ -2750,21 +2750,21 @@ <h2>WebVMT File Using Only Nested Cues</h2>
{ "circle": { "lat": 0, "lng": 0, "rad": 2000 } }

00:00.000 --&gt; 00:44.000
{ "moveto": { "lat": 0, "lng": 0, "path": "cam1" } }
{ "lineto": { "lat": 0.12, "lng": 0.34, "path": "cam1" } }
{ "move-to": { "lat": 0, "lng": 0, "path": "cam1" } }
{ "line-to": { "lat": 0.12, "lng": 0.34, "path": "cam1" } }

00:44.000 --&gt; 01:19.000
{ "lineto": { "lat": 0.56, "lng": 0.78, "path": "cam1" } }
{ "line-to": { "lat": 0.56, "lng": 0.78, "path": "cam1" } }

01:24.000 --&gt; 05:00.000
{ "circle": { "lat": 0, "lng": 0, "rad": 30000 } }

01:35.000 --&gt; 03:00.000
{ "moveto": { "lat": 0.87, "lng": 0.65, "path": "cam2" } }
{ "lineto": { "lat": 0.43, "lng": 0.21, "path": "cam2" } }
{ "move-to": { "lat": 0.87, "lng": 0.65, "path": "cam2" } }
{ "line-to": { "lat": 0.43, "lng": 0.21, "path": "cam2" } }

03:00.000 --&gt; 05:00.000
{ "lineto": { "lat": 0, "lng": 0, "path": "cam2" } }
{ "line-to": { "lat": 0, "lng": 0, "path": "cam2" } }
</pre>
<p>
Notice how you can express the cues in this WebVMT file as a tree structure:
Expand Down Expand Up @@ -2802,12 +2802,12 @@ <h2>WebVMT File Using Only Nested Cues</h2>
NOTE Required blocks omitted for clarity

00:00.000 --&gt; 01:00.000
{ "moveto": { "lat": 0.12, "lng": 0.34, "path": "cam3" } }
{ "lineto": { "lat": 0.56, "lng": 0.78, "path": "cam3" } }
{ "move-to": { "lat": 0.12, "lng": 0.34, "path": "cam3" } }
{ "line-to": { "lat": 0.56, "lng": 0.78, "path": "cam3" } }

00:30.000 --&gt; 01:30.000
{ "moveto": { "lat": 0.87, "lng": 0.65, "path": "cam4" } }
{ "lineto": { "lat": 0.43, "lng": 0.21, "path": "cam4" } }
{ "move-to": { "lat": 0.87, "lng": 0.65, "path": "cam4" } }
{ "line-to": { "lat": 0.43, "lng": 0.21, "path": "cam4" } }
</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>WebVMT file using only nested cues</a>.
Expand Down Expand Up @@ -3803,9 +3803,9 @@ <h2>Introduction</h2>
NOTE Red

00:00:00.000 --&gt; 00:00:08.000
{ "moveto":
{ "move-to":
{ "lat": 51.504362, "lng": -0.076153 } }
{ "lineto":
{ "line-to":
{ "lat": 51.506646, "lng": -0.074651 } }

NOTE Also red!
Expand Down Expand Up @@ -3835,9 +3835,9 @@ <h2>Introduction</h2>

cue1
00:00:00.000 --&gt; 00:00:08.000
{ "moveto":
{ "move-to":
{ "lat": 51.504362, "lng": -0.076153 } }
{ "lineto":
{ "line-to":
{ "lat": 51.506646, "lng": -0.074651 } }

NOTE Not red
Expand Down Expand Up @@ -3866,9 +3866,9 @@ <h2>Introduction</h2>
NOTE Not red

00:00:00.000 --&gt; 00:00:08.000
{ "moveto":
{ "move-to":
{ "lat": 51.504362, "lng": -0.076153 } }
{ "lineto":
{ "line-to":
{ "lat": 51.506646, "lng": -0.074651 } }

NOTE Red
Expand Down Expand Up @@ -3991,7 +3991,7 @@ <h2>CSS Cascades</h2>
NOTE Red or green?

00:00:00.000 --> 00:00:25.000
{ "circle": { "lat": 51.504789, "lng": -0.078642, "rad": 20} }
{ "circle": { "lat": 51.504789, "lng": -0.078642, "rad": 20 } }
</pre>
<p>
The <span class='css'>fill:lime</span> declaration would win, because it is last in the <a data-cite='CSS-CASCADE-4/#cascade'>cascade</a>, even though the <a data-cite='HTML51/semantics-embedded-content.html#the-style-element'><code>&lt;style&gt;</code></a> element is after the <a data-cite='HTML51/semantics-embedded-content.html#the-video-element'><code>&lt;video&gt;</code></a> element in the document order.
Expand Down

0 comments on commit 123352e

Please sign in to comment.