timesheets.js

HTML Subtitles

SMIL Timesheets can easily be used to add HTML subtitles to a video stream. This has been applied to the Mozilla Firefox 4 beta "first run" page…

This very simple example should get you started with media annotations in HTML5.

Audio Annotations

Here is a SMIL Timing adaptation of this HTML5/Audio demo (proposed by Samuel Goldszmidt, IRCAM) — but the HTML information is synchronized with the audio track, which is precisely the goal of our project.

We have worked with INA, the French national archive of audiovisual, to publish archived radio programs enhanced with associated material.

At first glance the time structure could look similar to the “Audio Annotations” example, but the goal here was not only to synchronize pictures or textual comments with the audio content. The objective was really to make a new multimedia application where the user receives help for moving in the audio record and is free to choose the associated information s/he wants, which could be multimedia too, with other audio recordings.