Our Emperor Sponsors

  • InternetNZ
  • Google
  • IBM
  • HP

<-- Back to schedule

HTML5 video: how to process and publish video in an open format

Time:13:30 - 17:30
Day:Thursday 21 January 2010
Location:Civic Suites 1 and 2 (Town Hall)
Project: HTML5 video
Wiki Page: HTML5 video: how to process and publish video in an open format

This tutorial walks you through the set up of a Web site of Ogg Theora videos from scratch and from raw video material. Ogg Theora now works natively in Firefox 3.5 and in the latest builds of Chrome and Opera, and there are means to make it work in any other Web Browser. This tutorial includes the processing necessary on the videos themselves, as well as the required and available tools to help you through the process, and the required html/javascript code snippets for the publishing side of things.

We will start the tutorial by explaining the current state of standards around online video - HTML5 video, media fragment addressing, subtitles, etc.

Then we will show off two existing sites that are publishing Ogg Theora video with extensive functionality: metavidwiki and, the authors of which are co-presenters of the tutorial. You may get some ideas for functionality that you may want on your video publishing site and thus influence some of the later parts of the tutorial.

The tutorial part itself will walk through the capture of a few videos, editing them, transcoding them, and uploading. This will include tools such as ffmpeg2theora and firefogg, the author of which is a co-presenter. The core will be devoted to creating a Web page that publishes the videos, including the necessary tools to make the page work across different browser platforms. There are different javascript libraries available to enable cross-browser functionality, which we will present. Also, there are javascript libraries that will help you put subtitles and similar time-aligned text onto video, which we will also present.

At the end we will show some of the more out-there functionalities around online video, such as player skinning, temporal hyperlinking, and in-browser video editing.

You are expected to work along with the examples and at the end of the tutorial have a rough video Website ready to go - you'll be left to do your own beautification using CSS. You will require a Linux-like environment with an installed working Apache Web server, and Firefox 3.5. Also install ffmpeg2theora if you can. There will be a more detailed requirements list available in the week before the Tutorial.

Silvia Pfeiffer

Silvia is a open video hacker for almost 10 years, having created the open Annodex project while at CSIRO in 2000, which contributed to most of today's online open video technologies and standards. Silvia did her PhD on automated audio-visual content analysis in Germany in 1999, then joined CSIRO to work on new video technologies, and started her own company in 2006, which is offering video metrics services.