--- a/608toVTT/608toVTT.html Thu Nov 08 10:09:44 2012 +1100
+++ b/608toVTT/608toVTT.html Thu Nov 08 10:20:53 2012 +1100
@@ -211,9 +211,12 @@
</p>
<p>
- The PAC row number maps to a line cue setting in WebVTT CEA-608. Since WebVTT defines its line numbering scheme based on the height of the font in use, WebVTT CEA-608 makes use of the percentage line cue setting of WebVTT:<br>
- line:x%
+ The PAC row number maps to a line cue setting in WebVTT CEA-608. Since WebVTT defines its line numbering scheme based on the height of the font in use, WebVTT CEA-608 makes use of the percentage line cue setting of WebVTT:
</p>
+ <pre>
+line:x%
+ </pre>
+
<p>
Use the following percentage values to represent CEA-608 row numbers:
</p>
@@ -289,9 +292,12 @@
</table>
<p>
- The PAC indent position maps to a position cue setting in WebVTT CEA-608, which is a percentage offset within the video viewport:<br>
- position:x%
+ The PAC indent position maps to a position cue setting in WebVTT CEA-608, which is a percentage offset within the video viewport:
</p>
+ <pre>
+position:x%
+ </pre>
+
<p>
Use the following percentage values to represent CEA-608 indent positions:
</p>
@@ -349,12 +355,17 @@
</p>
<p>
- The Tab Offset maps to an absolute text position cue setting in WebVTT CEA-608:<br>
- position:x%<br>
- Multiply the Tab Offset value with 2.5 and add the resulting value to an existing position cue setting value of a cue to achieve the correct offset.
+ The Tab Offset maps to an absolute text position cue setting in WebVTT CEA-608.
+ Multiply the Tab Offset value with 2.5 and add the resulting value to an existing position cue setting value of a cue to achieve the correct offset:
</p>
+ <pre>
+t=tabOffset*2.5+position
+position:t%
+ </pre>
+
<p>
For example, for an existing cue position setting of 20% (column 5), a Tab Offset of 3 will create a cue position setting of 27.5%.
+ </p>
</section>
<section>
@@ -419,8 +430,11 @@
<h3>Caption Window Anchor Points</h3>
<p>
- CEA-708 Caption Windows are positioned by specifying one of 9 different "Anchor points" covering a 9 field grid of the window. An Anchor Point is anchored to a specific location on the Caption Screen. Anchor points are mapped to the WebVTT "regionanchor" attribute of Regions as follows:
+ CEA-708 Caption Windows are positioned by specifying one of 9 different "Anchor points" covering a 9 field grid of the window. An Anchor Point is anchored to a specific location on the Caption Screen. Anchor points are mapped to the WebVTT "regionanchor" attribute of Regions:
</p>
+ <pre>
+regionanchor:x%,y%
+ </pre>
<table border="1">
<thead>
@@ -481,25 +495,33 @@
</p>
<p>
- The grid is used to position the Caption Windows through the "Anchor Location" property. It is given in WebVTT in the "viewportanchor" Region attribute:<br>
- viewportanchor:x%,y%
+ The grid is used to position the Caption Windows through the "Anchor Location" property. It is given in WebVTT in the "viewportanchor" Region attribute:
</p>
+ <pre>
+viewportanchor:x%,y%
+ </pre>
+
+ <h3>Caption Window size</h3>
<p>
In CEA-708, the size of the Caption Windows is provided through a number of character rows and columns. There is a maximum of 15 rows and a maximum of 32 columns, just like in CEA-608. Similar to CEA-608, these numbers represent the maximum number of rows and columns that a Caption Window that covers the full Caption Screen can provide.
</p>
<p>
- The width of a Caption Window is converted to a WebVTT Region width by multiplying by 2.5, resulting in a percentage Region width setting:<br>
- w=columns*2.5<br>
- width:w%
+ The width of a Caption Window is converted to a WebVTT Region width by multiplying by 2.5, resulting in a percentage Region width setting:
</p>
+ <pre>
+w=columns*2.5
+width:w%
+ </pre>
<p>
- The height of a Caption Window is converted to a WebVTT Region height by multiplying by 5.33, resulting in a percentage Region height setting:<br>
- h=rows*5.33<br>
- height:h%
+ The height of a Caption Window is converted to a WebVTT Region height by multiplying by 5.33, resulting in a percentage Region height setting:
</p>
+ <pre>
+h=rows*5.33
+height:h%
+ </pre>
<p>
The actual height and width of the caption window depends, however, on the actual font size. Thus, the width is calculated by multiplying the number of columns with the character width and the height by multiplying the number of rows with the character height.
@@ -516,7 +538,7 @@
</p>
<p>
- In WebVTT we don't currently have a means to specify row and column locking. We currently only support the concept of unlocked rows and columns, i.e. when the user increases or decreases the font size, the Region will grow accordingly, but it is possible for lines to reflow.
+ In WebVTT we don't currently have a means to specify row and column locking. We currently only support the concept of <i>unlocked rows and columns</i>, i.e. when the user increases or decreases the font size, the Region will grow accordingly, but it is possible for lines to reflow.
</p>
<p>