Sample TTML File

<?xml version="1.0" encoding="UTF-8"?>
<tt xmlns="http://www.w3.org/ns/ttml" xmlns:tts="http://www.w3.org/ns/ttml#styling" xmlns:ttp="http://www.w3.org/ns/ttml#parameter" xml:lang="en" ttp:timeBase="media">
  <head>
    <styling>
      <style xml:id="s1" tts:color="white" tts:fontFamily="proportionalSansSerif" tts:fontSize="100%" tts:textAlign="center" tts:backgroundColor="rgba(0,0,0,0.6)"/>
    </styling>
    <layout>
      <region xml:id="bottom" tts:origin="10% 80%" tts:extent="80% 15%" tts:displayAlign="after"/>
      <region xml:id="top" tts:origin="10% 5%" tts:extent="80% 15%" tts:displayAlign="before"/>
    </layout>
  </head>
  <body style="s1" region="bottom">
    <div>
      <p begin="00:00:01.000" end="00:00:03.500">Welcome to SampleFiles.</p>
      <p begin="00:00:04.000" end="00:00:07.000" region="top">These subtitles are timed<br/>to our 30-second sample videos.</p>
      <p begin="00:00:07.500" end="00:00:10.000">Each cue has a start and an end time.</p>
      <p begin="00:00:10.500" end="00:00:13.000">Some cues span two lines,<br/>like this one.</p>
      <p begin="00:00:13.500" end="00:00:16.000">Italics and bold are supported by most formats.</p>
      <p begin="00:00:16.500" end="00:00:19.000">Special characters: café, naïve, 日本語, emoji 🎬</p>
      <p begin="00:00:19.500" end="00:00:22.000">Overlapping or adjacent cues test timing logic.</p>
      <p begin="00:00:22.000" end="00:00:24.500">This cue starts exactly when the last one ended.</p>
      <p begin="00:00:25.000" end="00:00:27.500">Numbers: 1,234.56 — dashes — and "quotes".</p>
      <p begin="00:00:28.000" end="00:00:30.000">The end.</p>
    </div>
  </body>