1<tt xmlns:ttm="http://www.w3.org/2006/10/ttaf1#metadata" 2 xmlns:ttp="http://www.w3.org/2006/10/ttaf1#parameter" 3 xmlns:tts="http://www.w3.org/2006/10/ttaf1#style" 4 xmlns="http://www.w3.org/ns/ttml"> 5 <head> 6 <styling> 7 <style id="cont" tts:ruby="container" /> 8 <style id="base" tts:ruby="base" /> 9 <style id="text" tts:ruby="text" /> 10 <style id="cont-with-pos-before" tts:ruby="container" tts:rubyPosition="before" /> 11 <style id="text-with-pos-after" tts:ruby="text" tts:rubyPosition="after" /> 12 </styling> 13 </head> 14 <body> 15 <div> 16 <!-- Base before and after text, one with explicit position --> 17 <p begin="10s" end="18s"> 18 Cue with 19 <span tts:ruby="container" tts:rubyPosition="before"> 20 <span tts:ruby="base">annotated</span> 21 <span tts:ruby="text">1st rubies</span> 22 </span> 23 <span tts:ruby="container"> 24 <span tts:ruby="text">2nd rubies</span> 25 <span tts:ruby="base">text</span>. 26 </span> 27 </p> 28 </div> 29 <div> 30 <!-- Delimiter (parenthetical) text is stripped --> 31 <p begin="20s" end="28s"> 32 Cue with 33 <span tts:ruby="container"> 34 <span tts:ruby="text">rubies</span> 35 <span tts:ruby="base">annotated</span> 36 <span tts:ruby="delimiter">alt-text</span> 37 </span> 38 text. 39 </p> 40 </div> 41 <div> 42 <!-- ruby info in style block --> 43 <p begin="30s" end="38s"> 44 Cue with 45 <span style="cont"> 46 <span style="base">annotated</span> 47 <span style="text">rubies</span> 48 text. 49 </span> 50 </p> 51 </div> 52 <div> 53 <!-- No text section -> no span --> 54 <p begin="40s" end="48s"> 55 Cue with 56 <span tts:ruby="container" tts:rubyPosition="before"> 57 <span tts:ruby="base">annotated</span> 58 </span> 59 text. 60 </p> 61 </div> 62 <div> 63 <!-- No base section -> text still stripped--> 64 <p begin="50s" end="58s"> 65 Cue with 66 <span tts:ruby="container" tts:rubyPosition="before"> 67 <span tts:ruby="text">rubies</span> 68 </span> 69 text. 70 </p> 71 </div> 72 <div> 73 <!-- No container section -> text still stripped--> 74 <p begin="60s" end="68s"> 75 Cue with 76 <span tts:ruby="text">rubies</span> 77 <span tts:ruby="base">annotated</span> 78 text. 79 </p> 80 </div> 81 <div> 82 <!-- ruby info in style block and ruby position in contpos --> 83 <p begin="70s" end="78s"> 84 Cue with 85 <span style="cont-with-pos-before"> 86 <span style="base">annotated</span> 87 <span style="text">rubies</span> 88 text. 89 </span> 90 </p> 91 </div> 92 <div> 93 <!-- ruby info and position in style block for base and text --> 94 <p begin="80s" end="88s"> 95 Cue with 96 <span style="cont-with-pos-before"> 97 <span style="base">annotated</span> 98 <span style="text-with-pos-after">rubies</span> 99 text. 100 </span> 101 </p> 102 </div> 103 </body> 104</tt> 105