<?xml version="1.0" encoding="utf-8"?>
<tt xml:lang="en"
    xmlns="http://www.w3.org/ns/ttml"
    xmlns:tts="http://www.w3.org/ns/ttml#styling"
    xmlns:ttm="http://www.w3.org/ns/ttml#metadata">
  <head>
      <metadata>
          <ttm:title>This is Coffee!</ttm:title>
          <ttm:desc></ttm:desc>
          <ttm:copyright>Copyright (C) 2009 W3C (MIT, ERCIM, Keio).</ttm:copyright>
      </metadata>
      <styling>
	<style xml:id="s1"
	       tts:backgroundColor="transparent"  tts:textAlign='center' tts:extent="5ex 1em"
	       />
      </styling>
      <layout>
	<region xml:id="default" tts:textAlign='center' tts:backgroundColor="black" tts:color="white" tts:padding='2px'  />
	<region xml:id="overlay" tts:textAlign='center' tts:origin="0px 0px" tts:extent="320px 240px" tts:opacity='0.9'
		tts:backgroundColor="white"  tts:color='black' tts:fontSize='150%'/>
	<region xml:id="tick1" style='s1' tts:origin="100px 150px" tts:fontSize='24pt'
		tts:color="red"  />
	<region xml:id="tick2" style='s1' tts:origin="200px 100px" tts:fontSize='20pt'
		tts:color="yellow" />
	<region xml:id="tick3" style='s1' tts:origin="130px 140px" tts:fontSize='30pt'
		tts:color="cyan" />
	<region xml:id="tick4" style='s1' tts:origin="50px 50px" tts:fontSize='40pt'
		tts:color="lime" />
	<region xml:id="plop" style='s1' tts:origin="100px 120px" tts:fontSize='20pt'
		tts:color="magenta" />
      </layout>
  </head>
  <body timeContainer="par">
    <div begin="00:00:00.902" dur="00:00:06.504" timeContainer="seq">
      <p region="tick1" dur="0.3s">Tick!</p>
      <p region="tick2" dur="0.3s" tts:fontFamily='Arial Black'>Tick!</p>
      <p region="tick3" dur="0.3s" tts:fontStyle='italic'>Tick!</p>
      <p region="tick4" dur="0.3s" tts:fontStyle='oblique'>Tick!</p>
      <p region="tick1" dur="0.3s" tts:fontFamily='Impact'>Tick!</p>
      <p region="tick3" dur="0.3s">Tick!</p>
      <p region="tick2" dur="0.3s" tts:fontStyle='oblique'>Tick!</p>
      <p region="tick4" dur="0.3s" tts:color='blue'>Tick!</p>
      <p region="tick1" dur="0.3s" tts:fontFamily='Delphine, Arial Black'>Tick!</p>
      <p region="tick2" dur="0.3s" tts:fontStyle='oblique'>Tick!</p>
      <p region="tick3" dur="0.3s" tts:fontFamily='Arial Black'>Tick!</p>
      <p region="tick4" dur="0.3s">Tick!</p>
      <p region="tick1" dur="0.3s" tts:fontFamily='Impact'>Tick!</p>
      <p region="tick2" dur="0.3s">Tick!</p>
      <p region="tick4" dur="0.3s" tts:fontStyle='italic'>Tick!</p>
      <p region="tick3" dur="0.3s" tts:color='magenta'>Tick!</p>
      <p region="tick1" dur="0.3s">Tick!</p>
      <p region="tick2" dur="0.3s" tts:fontFamily='Balloon, Arial Black'>Tick!</p>
      <p region="tick3" dur="0.3s">Tick!</p>
      <p region="tick4" dur="0.3s" tts:fontFamily='Arial Black'>Tick!</p>
      <p region="tick2" dur="0.3s" tts:fontStyle='italic'>Tick!</p>
      <p region="tick1" dur="0.3s" tts:fontFamily='StayPuft, Arial Black'>Tick!</p>
      <p region="tick3" dur="0.3s">Tick!</p>
      <p region="tick4" dur="0.3s" tts:fontFamily='Balloon, Arial Black'>Tick!</p>
    </div>
    <div region="plop" begin="00:00:08.263" dur="00:00:07.639" timeContainer="seq" tts:fontFamily='Balloon, Arial Black'>
      <p dur="0.4s">Plop!</p>
      <p begin="0.5s" dur="0.4s">Plop!</p>
      <p begin="0.5s" dur="0.4s">Plop!</p>
      <p begin="0.5s" dur="0.4s">Plop!</p>
      <p begin="0.5s" dur="0.4s">Plop!</p>       
      <p begin="0.5s" dur="0.4s">Plop!</p>
      <p begin="0.5s" dur="0.4s">Plop!</p>
      <p begin="0.5s" dur="0.4s">Plop!</p>
      <p begin="0.5s" dur="0.4s">Plop!</p> 
      <p begin="0.5s" dur="0.4s">Plop!</p>
    </div>
    <div begin="00:00:16.002" dur="00:00:07.383" timeContainer="par"  tts:fontFamily='Balloon, Impact'>
      <p region="tick1">Tick!</p>
      <p region="tick2" begin="1s">Tick!</p>
      <p region="tick3" begin="2s">Plop!</p>
      <p region="plop" begin="3s" end='6s' tts:color='white'>Plop!</p>
      <p region="tick4" begin="4s" end='5s'>Tick!</p>
      <p region="tick4" begin="5s" tts:color='blue' tts:fontSize='50pt'>Tick!</p>
      <p region="plop" begin="6s" tts:color='fuchsia' tts:fontSize='60pt'>Plop!</p>
    </div>
    <div region="plop" begin="00:00:23.485" dur="00:00:08.659" tts:fontFamily='Balloon, Arial Black'>
      <p tts:color='magenta' tts:fontSize='100%'>Dring!</p>
    </div>
    <div region='default'>
      <p begin="00:00:00.902" dur="00:00:07.104">[Clock ticking]<br />
     [<span tts:fontStyle='italic' tts:color='lime'>tick, tick, tick, &#8230;</span>]</p>
      <p begin="00:00:08.263" dur="00:00:07.639">[Water dropping]<br />
     [<span tts:fontStyle='italic' tts:color='lime'>plop, plop, plop, &#8230;</span>]</p>
      <p begin="00:00:16.002" dur="00:00:07.383">[Water dropping and clock ticking]<br />
     [<span tts:fontStyle='italic' tts:color='lime'>plop, plop, plop, &#8230;</span>]<br />
     [<span tts:fontStyle='italic' tts:color='red'>tick, tick, tick, &#8230;</span>]</p>
      <p begin="00:00:23.485" dur="00:00:08.659">[Clock ringing]<br />
     [<span tts:fontStyle='italic' tts:fontWeight='bold' tts:color='red'>LOUD RING</span>]</p>
      <p begin="00:00:32.244" dur="00:00:36.205">[<span tts:color='aqua'>&#119070;</span> Music <span tts:color='red'>&#119135;</span><span tts:color='yellow'>&#119136;</span>]</p>
      <p begin="00:01:08.549" dur="00:00:04.663" tts:textAlign='left' tts:padding='0px 10px'>Is this <span tts:fontStyle='italic'>coffee</span>?</p>
      <p begin="00:01:10.643" dur="00:00:02.569" tts:textAlign='right' tts:padding='0px 10px'>Well, no.</p>
      <p begin="00:01:13.312" dur="00:00:02.778" tts:textDecoration='underline' tts:fontSize='150%' tts:fontFamily='Balloon, Arial Black'>This <span begin='1s'>is <span begin='1.1s'>Coffee.</span></span></p>
      <p begin="00:01:16.299" dur="00:00:14.130">[<span tts:color='aqua'>&#119070;</span> Music <span tts:color='red'>&#119135;</span><span tts:color='yellow'>&#119136;</span>]</p>
      <p begin="00:01:30.529" dur="00:00:01.620">Our story begins here</p>
      <p begin="00:01:32.529" end="00:01:34.249">with coffee,</p>
      <p begin="00:01:34.349" dur="00:00:03.591">its flavor, caught in the closed vest of the bean,</p>
      <p begin="00:01:38.395" dur="00:00:03.758">freed then by the grinding mills in endless cascade,</p>
      <p begin="00:01:42.253" dur="00:00:06.025">brewed into a beverage that is consumed in the hundreds of millions of couples <span tts:textDecoration='underline'>each day</span>.</p>
      <p begin="00:01:49.113" dur="00:00:04.281">In this beverage, that has become so much a part of our lifes,</p>
      <p begin="00:01:53.494" dur="00:00:01.594">there is a background,</p>
      <p begin="00:01:55.323" dur="00:00:04.141">a tradition that reaches deeply into the culture of many lands.</p>
      <p begin="00:02:01.111" dur="00:00:03.199">It's beginning under warm tropical sun,</p>
      <p begin="00:02:04.498" dur="00:00:03.294">the care and attention which is treated during its journey</p>
      <p begin="00:02:08.169" dur="00:00:02.352">from tree to cup.</p>
      <p begin="00:02:10.621" dur="00:00:19.332">[<span tts:color='aqua'>&#119070;</span> Music <span tts:color='red'>&#119135;</span><span tts:color='yellow'>&#119136;</span>]</p>
      <p begin="00:02:30.053" dur="00:00:02.394">The many processes that must undergo</p>
      <p begin="00:02:32.547" dur="00:00:03.523">are all devoted to creating<br/><span tts:fontWeight='bold'>good coffee</span></p>
      <p begin="00:02:36.170" dur="00:00:03.900">with its secrets of aroma, and body, and taste</p>
      <p begin="00:02:40.170" dur="00:00:05.028">to which the talents of millions of men are devoted during their lifetime,</p>
      <p begin="00:02:45.575" dur="00:00:05.222">to which tradition, rich in the lore of centuries and far away places</p>
      <p begin="00:02:50.897" dur="00:00:03.382">sets its fine hand to bring these three elements</p>
      <p begin="00:02:54.420" dur="00:00:01.977">into precise flavor.</p>
      <p begin="00:02:57.385" dur="00:00:02.070">The tastes of fine coffee</p>
      <p begin="00:02:59.555" dur="00:00:02.629">extend over a wide range.</p>
      <p begin="00:03:02.284" dur="00:00:01.594">But for each palate,</p>
      <p begin="00:03:04.066" dur="00:00:03.105">there is a flavor that is&#8230; just right.</p>
      <p begin="00:03:07.971" dur="00:00:04.470">Around the world, they drink this beverage in its many exotic forms.</p>
      <p begin="00:03:14.135" dur="00:00:02.682">[<span tts:color='aqua'>&#119070;</span> Accordion music <span tts:color='red'>&#119135;</span><span tts:color='yellow'>&#119136;</span>]</p>
      <p begin="00:03:16.917" dur="00:00:03.005">A dream of Paris expressed in<br/><span tts:fontStyle='italic' xml:lang='fr'>café au lait</span>,</p>
      <p begin="00:03:20.534" dur="00:00:04.423">a continental favorite,<br/>half coffee and half hot milk.</p>
      <p begin="00:03:25.057" dur="00:00:05.593">[<span tts:color='aqua'>&#119070;</span> Accordion music <span tts:color='red'>&#119135;</span><span tts:color='yellow'>&#119136;</span>]</p>
      <p begin="00:03:31.968" dur="00:00:02.776">The canals of Venise and the romance of cappuccino.</p>
      <p begin="00:03:35.073" dur="00:00:01.412">Like <span tts:fontStyle='italic' xml:lang='fr'>café au lait</span>,</p>
      <p begin="00:03:36.585" dur="00:00:02.064">but topped with whipped cream</p>
      <p begin="00:03:38.749" dur="00:00:02.723">and a sprinkle of grated orange peel.</p>
      <p begin="00:03:42.943" dur="00:00:04">[<span tts:color='aqua'>&#119070;</span> Classical music <span tts:color='red'>&#119135;</span><span tts:color='yellow'>&#119136;</span>]</p>
      <p begin="00:03:47.124" dur="00:00:02.865">The music of old Vienna,<br/><span begin='1.7s'>in a cup.</span></p>
      <p begin="00:03:50.506" dur="00:00:01.365">Viennese coffee</p>
      <p begin="00:03:52.000" dur="00:00:01.517">often spiced</p>
      <p begin="00:03:53.617" dur="00:00:02.756">but all of these with a briefted of whipped cream.</p>
      <p begin="00:03:56.473" dur="00:00:03.073">[<span tts:color='aqua'>&#119070;</span> Classical music <span tts:color='red'>&#119135;</span><span tts:color='yellow'>&#119136;</span>]</p>
      <p begin="00:04:01.266" dur="00:00:04.588">The mystery of Istanbul and the eastern lands in turkish coffee,</p>
      <p begin="00:04:05.954" dur="00:00:03.073">foam hiding the rich sweet brew.</p>
      <p begin="00:04:10.556" dur="00:00:03.670">The vigor of Latin American coffees, dark and zesty,</p>
      <p begin="00:04:14.608" dur="00:00:04.206">served black in tiny cups<br/>with plenty of sugar.</p>
      <p begin="00:04:19.616" dur="00:00:03.556">But always, it is <span tts:fontWeight='bold'>Coffee</span>.</p>
    </div>
    <div region='overlay' begin="00:01:16.161" end="00:01:27.544" tts:fontSize='150%' timeContainer='seq'>
      <div dur='6s' timeContainer='par'>
	<p>The<br /><span begin='1s'>W3C Timed Text<br/>Working Group<br /></span><span begin='2s' tts:fontStyle='italic'>presents</span></p>
	<p begin="3.5s" tts:fontSize='150%' tts:fontFamily='Arial Black'>DFXP 1.0 !</p>
	<p begin="4.5s" tts:fontSize='50%'>(Caffeine included)</p>
      </div>
      <div dur='6s' timeContainer='par'>
	<p>Video:<br/><span tts:fontWeight='bold'>This is Coffee!</span><br />
	<span tts:fontStyle='italic'>produced by<br/><span tts:fontWeight='bold' tts:fontFamily='Times New Roman' >Vision Associates</span></span></p>
	<p tts:fontSize='50%' tts:padding='1em'>From Prelinger Archives, 1961,<br />
	Creative Commons<br />Public Domain license,<br />
	<span tts:fontFamily='monospace'>http://www.archive.org/details/ThisisCo1961</span></p>
      </div>
    </div>
 </body>
</tt>