Animation beyond <set> - CLOSED

Owner: Pierre-Anthony Lemieux.
Started: 14/06/13

Issues Addressed

ISSUE-22 - Fade In/Out - Closed - [1].
ISSUE-23 - Intermediate Animation of Extent - Closed - [2].
ISSUE-72 - Smooth Scrolling - Closed - [3].
ISSUE-227 - Paragraph Opacity Fade - Closed - [4].

Summary

TTML1 allows only discrete stepped animation using the <set> element.

This work package would define a mechanism for smooth animation which is a forward compatible extension of the <set> syntax.

This allows the following effects, among others, to be defined:

window fade in/out
fade-up/down without repeating a large number of <set> elements for each fade-up/down
smooth resizing of regions
smooth scrolling of region content

For example to allow something like the following:

       <set begin="10s" end="20s" target="fadeRegion" function="ease-in">
       <!-- default for function is step-start -->
        <key at="0%" tts:marginLeft="100%" tts:width="300" />
        <key at="100%" tts:marginLeft="0%" tts:width="300"/>
      </set>

In terms of CSS the above would map to:

        /* maps to */
        .fadeRegion {
          animation-duration: 10s;   /* the duration of the set element */
          animation-name: guid;   /* name is generateted */
          animation-timing-fucntion: ease-in;       
        }
        /* since the animation will resolve to when the faderegion section is added to the dom, it needs no delay.
        @keyframes guid {
         0% {
            margin-left: 100%;
            width: 300%
          } 
        100% {
            margin-left: 0%;
            width: 100%;
          }
        }

Edits to be applied

None

Edits applied

https://dvcs.w3.org/hg/ttml/rev/d6f70775685b

https://dvcs.w3.org/hg/ttml/rev/1d13586de640

Impact

Simplifies conversion from 708 and digital cinema content.
Closer approximation to a Television experience for rollup and paint on captioning