Accessibility/Video Text Format Comparison: Difference between revisions

Jump to navigation Jump to search

Accessibility/Video Text Format Comparison (view source)

Revision as of 03:24, 5 July 2010

3,087 bytes added ,  5 July 2010
trying WebSRT for top-to-bottom rendered subtitles
(ups had to reference style in TTML)
(trying WebSRT for top-to-bottom rendered subtitles)
Line 9: Line 9:
<pre>
<pre>
<tt xml:lang="en-US" xmlns="http://www.w3.org/ns/ttml">
<tt xml:lang="en-US" xmlns="http://www.w3.org/ns/ttml">
  <head>
    <metadata xmlns:ttm="http://www.w3.org/ns/ttml#metadata">
      <ttm:role>x-subtitles</ttm:role>
    </metadata>
  </head>
   <body>
   <body>
     <div>
     <div>
Line 15: Line 20:
       <p begin="00:00:20.11" end="00:00:21.96">...the head-snarlers</p>
       <p begin="00:00:20.11" end="00:00:21.96">...the head-snarlers</p>
       <p begin="00:00:21.99" end="00:00:24.36">Everything is safe.&lt;br/>Perfectly safe.</p>
       <p begin="00:00:21.99" end="00:00:24.36">Everything is safe.&lt;br/>Perfectly safe.</p>
    </div>
   </body>
   </body>
</tt>
</tt>
</pre>
</pre>


WebSRT:
WebSRT:


<pre>
<pre>
  ; not sure how to specify that this is in de-DE
  ; not sure how to specify that these are subtitles
   1
   1
   00:00:15.00" --> 00:00:17.95
   00:00:15.00" --> 00:00:17.95
Line 39: Line 49:
   Perfectly safe.
   Perfectly safe.
</pre>
</pre>


WMML:
WMML:
Line 53: Line 64:
</wmml>
</wmml>
</pre>
</pre>
Analysis:
* All three formats provide for the basic needs.
* You cannot specify the default language in WebSRT.
* You cannot specify the type of time-aligned text in WebSRT.




Line 60: Line 78:


<pre>
<pre>
<tt xml:lang="de_DE" xmlns="http://www.w3.org/ns/ttml">
<tt xml:lang="de-DE" xmlns="http://www.w3.org/ns/ttml">
   <head>
   <head>
    <metadata xmlns:ttm="http://www.w3.org/ns/ttml#metadata">
      <ttm:role>x-subtitles</ttm:role>
    </metadata>
     <styling xmlns:tts="http://www.w3.org/ns/ttml#styling">
     <styling xmlns:tts="http://www.w3.org/ns/ttml#styling">
       <style xml:id="s1"
       <style xml:id="s1"
Line 79: Line 100:
   </head>
   </head>
   <body>
   <body>
     <div>
     <div style="s1" >
       <p region="c1" begin="00:00:15.00" end="00:00:17.95">
       <p region="c1" begin="00:00:15.00" end="00:00:17.95">
         Auf der <span tts:fontStyle="italic">linken</span> Seite sehen wir...
         Auf der <span tts:fontStyle="italic">linken</span> Seite sehen wir...
Line 86: Line 107:
         Auf der <span tts:fontWeight="bold">rechten</span> Seite sehen wir die....
         Auf der <span tts:fontWeight="bold">rechten</span> Seite sehen wir die....
       </p>
       </p>
       <p style="s1" begin="00:00:20.11" end="00:00:21.96">
       <p begin="00:00:20.11" end="00:00:21.96">
         <!-- Can't provide a URL hyperlink in TTML :( -->
         <!-- Have to use xlink to provide URL hyperlink in TTML -->
         ..die Enthaupter.
         ..die <span  xlink:href="http://orange.blender.org/blog/creative-commons-license-2/"
                              xlink:actuate="onRequest" xlink:show="replace"
                              xmlns:xlink="http://www.w3.org/1999/xlink">Enthaupter</span>.
       </p>
       </p>
       <p style="s1" begin="00:00:21.99" end="00:00:24.36">
       <p begin="00:00:21.99" end="00:00:24.36">
         <!-- Can't just mark a section as emphasised - gotta chose how -->
         <!-- Can't just mark a section as emphasised - gotta chose how to emphasise -->
         Alles ist <span tts:textDecoration="underline">sicher</span>.<br/>Vollkommen sicher.</p>
         Alles ist <span tts:textDecoration="underline">sicher</span>.<br/>Vollkommen sicher.</p>
    </div>
   </body>
   </body>
</tt>
</tt>
</pre>
</pre>


WebSRT:
WebSRT:


<pre>
<pre>
   1
   ; not sure how to specify that this is in de-DE
  ; not sure how to specify that these are subtitles
  ; not sure how to provide a background color
 
  1
   00:00:15.00" --> 00:00:17.95
   00:00:15.00" --> 00:00:17.95
   Auf der <i>linken</i> Seite sehen wir...
   Auf der <i>linken</i> Seite sehen wir...
Line 107: Line 136:
   00:00:18.16 --> 00:00:20.08
   00:00:18.16 --> 00:00:20.08
   Auf der <b>rechten</b> Seite sehen wir die....
   Auf der <b>rechten</b> Seite sehen wir die....
  ; next cue: Can't provide a URL in WebSRT cues :(


   3
   3
   00:00:20.11 --> 00:00:21.96
   00:00:20.11 --> 00:00:21.96
   ...die <a href="http://orange.blender.org/blog/creative-commons-license-2/">Enthaupter</a>.
   ...die Enthaupter.
 
  ; next cue: Can't provide a specially marked section in WebSRT cues :(


   4
   4
   00:00:21.99 --> 00:00:24.36
   00:00:21.99 --> 00:00:24.36
   Alles ist <mark>sicher</mark>.
   Alles ist sicher.
   Vollkommen sicher.
   Vollkommen sicher.
</pre>
</pre>


WMML:
WMML:
Line 122: Line 156:
<pre>
<pre>
<!DOCTYPE wmml>
<!DOCTYPE wmml>
<wmml lang="de_DE" kind="subtitles">
<wmml lang="de-DE" kind="subtitles">
   <head>
   <head>
     <style type="text/css">
     <style type="text/css">
Line 153: Line 187:
</pre>
</pre>


Top-to-bottom rendered subtitles:
 
Analysis:
 
* TTML needs to use some XML namespace (e.g. xlink) to provide for hyperlinks.
* WebSRT does not provide for default language specification.
* WebSRT does not provide a role/type/kind attribute to signify that these are subtitles
* WebSRT does not provide for general styling, e.g. how to specify a background color. (TBD?)
* WebSRT does not enable reuse of styling between individual cues. (TBD?)
* WebSRT does not provide for URL hyperlinking in cues.
* WebSRT does not provide for special emphasis sections ("mark"-style).
 
 
=== Top-to-bottom rendered subtitles ===
 
TTML:
 
<pre>
<tt xml:lang="zh" xmlns="http://www.w3.org/ns/ttml">
  <head>
    <metadata xmlns:ttm="http://www.w3.org/ns/ttml#metadata">
      <ttm:role>x-subtitles</ttm:role>
    </metadata>
    <styling xmlns:tts="http://www.w3.org/ns/ttml#styling">
      <style xml:id="s1"
        tts:writingMode="tbrl"
      />
    </styling>
    <layout xmlns:tts="http://www.w3.org/ns/ttml#styling">
      <region xml:id="subtitleArea"
        style="s1"
        tts:padding="2% 2% 2% 64%"
        tts:textAlign="right"
      />
    </layout>
  </head>
  <body>
    <div style="s1">
      <p begin="00:00:15.00" end="00:00:17.95">在左边我们可以看到...</p>
      <p begin="00:00:18.16" end="00:00:20.08">在右边我们可以看到...</p>
      <p begin="00:00:20.11" end="00:00:21.96">...捕蝇草械.</p>
      <p begin"00:00:21.99" end="00:00:24.36">一切都安全.&lt;br/>非常地安全.</p>
    </div>
  </body>
</tt>
</pre>
 
 
WebSRT:
 
<pre>
  ; not sure how to specify that this is in zh
  ; not sure how to specify that these are subtitles
 
    cue {
      writing-mode: tb-rl;
      margin: 2% 2% 2% 64%;
    }
 
  1
  00:00:15.00" --> 00:00:17.95 A:start D:vertical
  在左边我们可以看到...
 
  2
  00:00:18.16 --> 00:00:20.08 A:start D:vertical
  在右边我们可以看到...
 
  3
  00:00:20.11 --> 00:00:21.96 A:start D:vertical
  ...捕蝇草械.
 
  4
  00:00:21.99 --> 00:00:24.36 A:start D:vertical
  一切都安全.
  非常地安全.
</pre>
 
 
WMML:


<pre>
<pre>
Line 173: Line 284:
</wmml>
</wmml>
</pre>
</pre>
Analysis:
* TTML has no margin attribute, just padding.


2. Captions
2. Captions
Retrieved from "https://wiki.mozilla.org/Special:MobileDiff/236413"

Navigation menu