Accessibility/Video Accessibility/TAT: Difference between revisions
(started design) |
No edit summary |
||
| Line 13: | Line 13: | ||
A TAT document instance consists of a tat document element that contains a header and a body, where the header specifies document level meta data, styling definitions, and script definitions (like in HTML), and the body specifies text content with layout and timing information. | A TAT document instance consists of a tat document element that contains a header and a body, where the header specifies document level meta data, styling definitions, and script definitions (like in HTML), and the body specifies text content with layout and timing information. | ||
<pre> | |||
<tat> | <tat> | ||
<head> | <head> | ||
| Line 28: | Line 29: | ||
</body> | </body> | ||
</tat> | </tat> | ||
</pre> | |||
The body element is basically anchored to a certain rectangular region. The div elements inside are arranged within that space through styling. | The body element is basically anchored to a certain rectangular region. The div elements inside are arranged within that space through styling. | ||
| Line 40: | Line 42: | ||
All-inclusive subtitle file: | All-inclusive subtitle file: | ||
<pre> | |||
<?xml version="1.0" encoding="UTF-8"?> | <?xml version="1.0" encoding="UTF-8"?> | ||
<tat xmlns="http://something/tat"> | <tat xmlns="http://something/tat"> | ||
| Line 65: | Line 68: | ||
</body> | </body> | ||
</tat> | </tat> | ||
</pre> | |||
Subtitle file with external style sheet: | Subtitle file with external style sheet: | ||
<pre> | |||
<?xml version="1.0" encoding="UTF-8"?> | <?xml version="1.0" encoding="UTF-8"?> | ||
<tat xmlns="http://something/tat"> | <tat xmlns="http://something/tat"> | ||
| Line 83: | Line 88: | ||
</body> | </body> | ||
</tat> | </tat> | ||
</pre> | |||
Latest revision as of 14:59, 7 February 2010
Time-Aligned Text Format
This page is experimenting with a simplified version of DFXP.
These particular improvements are intended:
- focus on main functionality, i.e. remove overly complex features
- styling using the HTML approach, @style, css
- javascript for complex layout/styling changes
Model
A TAT document instance consists of a tat document element that contains a header and a body, where the header specifies document level meta data, styling definitions, and script definitions (like in HTML), and the body specifies text content with layout and timing information.
<tat>
<head>
<meta/>
<style/>
<script/>
</head>
<body>
<div>
<p/>
...
</div>
<div/>
...
</body>
</tat>
The body element is basically anchored to a certain rectangular region. The div elements inside are arranged within that space through styling.
The body element also maps to a basic time interval which anchors the document. The div and p elements have timing relative to that interval.
The body element's anchor region and basic time interval may be externally given.
Examples
All-inclusive subtitle file:
<?xml version="1.0" encoding="UTF-8"?>
<tat xmlns="http://something/tat">
<head>
<style>
div#captionarea {
color: white;
background-color: #333333;
opacity:0.8;
font-size: 32px;
face: arial;
text-align: center;
bottom: 0;
position:absolute;
}
</style>
</head>
<body>
<div id="captionarea" lang="en">
<p begin="00:00:15.00" end="00:00:17.95">At <i>the</i> left we can see...</p>
<p begin="00:00:18.16" end="00:00:20.08">At the right we can see the...</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.<br></br>Perfectly safe.</p>
</div>
</body>
</tat>
Subtitle file with external style sheet:
<?xml version="1.0" encoding="UTF-8"?>
<tat xmlns="http://something/tat">
<head>
<style src="caption.css"/>
</head>
<body>
<div id="captionarea" lang="en">
<p begin="00:00:15.00" end="00:00:17.95">At <i>the</i> left we can see...</p>
<p begin="00:00:18.16" end="00:00:20.08">At the right we can see the...</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.<br></br>Perfectly safe.</p>
</div>
</body>
</tat>