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>

...

  ...
 </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>

At the left we can see...

At the right we can see the...

...the head-snarlers

Everything is safe.

Perfectly safe.

 </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>