Video on the Web

Philippe Le Hégaret

plh@w3.org

W3C Interaction Domain Leader,
Video in the Web Activity Lead

HTML 5.0 <video>

A classic video player, developed using SVG.

The SVG controls interface reacts to HTML 5 media events (time, volume, play, pause, load progress, etc.).

… but video codec: Youtube vs Dailymotion.

Timed Text: History

Group started in the beginning of 2003
First reached CR in 2006, then stalled. Restarted in September 2008
Television oriented
Originally intended as an authoring format

Timed Text: Online Captioning

Chairs: Sean Hayes (Microsoft), David Kirby (BBC)

<tt
 xmlns="http://www.w3.org/ns/ttml"
 xmlns:tts="http://www.w3.org/ns/ttml#styling">
  <body>
    <div>
      <p begin="0s" end="10s">
          This word must be
            <span tts:color='red'>red</span>
          <br />and this one
            <span tts:color='green'>green</span>.
      </p>
    </div>
  </body>
</tt>

Timed Text: Online Captioning

Parameters: frame rate, ... (SMPTE, SMIL)
Styling: XSL FO 1.0, CSS 2
Layout and region
Timing model: SMIL
Basic Animation: SMIL, SVG
Metadata

Timed Text: Online Captioning

<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>Styling Test - overflow - 003</ttm:title>
    </metadata>
    <layout>
      <region xml:id="r1">
	<style tts:origin="0px 0px"/>
	<style tts:extent="150px 30px"/>
	<style tts:backgroundColor="black"/>
	<style tts:color="white"/>
	<style tts:overflow="visible"/>
      </region>
      <region xml:id="r2">
	<style tts:origin="0px 0px"/>
	<style tts:extent="100px 100px"/>
	<style tts:backgroundColor="white"/>
	<style tts:color="black"/>
	<style tts:overflow="visible"/>
      </region>
    </layout>
  </head>
  <body>
    <div region="r1">
      <p begin="0s" end="10s">Text is visible.</p>
    </div>
    <div region="r2">
      <p begin="10s" end="20s">Text is visible.</p>
    </div>
  </body>
</tt>

Timed Text Demos

Visit the Working Group page

Timed Text: Recent Progress

Published Last Call Timed Text Markup Language (TTML)
Implementations by Adobe, WGBH, Microsoft, XFSI/Samsung, …
Trying to become W3C Recommendation by December 2009

For more information, visit the Working Group page

Thank you

Video on the Web is not just what you see

— it's what you can search, discover, create, distribute and manage.

http://www.w3.org/2008/WebVideo

Join W3C!

Slides at http://www.w3.org/2009/Talks/1031-video-html5-plh/