Demo Multiple Media Resource Synchronisation

  • Video:
  • Audio Description:
  • English Dub:
  • Spanish Dub:

There are one video and three audio files that are played in parallel. You can watch how they go out of sync over time unless you pause, which re-syncs.

Note: The demo works best in Firefox version >= 3.5, but also in Chrome. It doesn't work (well) in Chrome or Safari. It will not work in IE.

Experiment description

This experiments with synchronising multiple media files with each other. Features:

The main elements of this Web page are:

  <div id="tracks">
    <video class="v" src="elephants_dream/" type="video/ogg">
    <audio class="a1" src="elephants_dream/elephant.audio_description_amp.ogg" type="audio/ogg">
    <audio class="a2" src="elephants_dream/elephant.spanish.ogg" type="audio/ogg">
    <audio class="a3" src="elephants_dream/elephant.english.ogg" type="audio/ogg">


Thanks to the Orange Open Movie Team for the Creative Commons licensed "Elephants Dream" movie that was used as an example here, (c) copyright 2006, Blender Foundation / Netherlands Media Art Institute /

Spanish dub available from Sebastian Arias (

The Audio Description was done by Silvia Pfeiffer using the Wikipedia descriptive storyline for Elephants Dream. It is available under a CC-BY-SA license.