Build an HTML5 player at the Open Video Conference, 2010

At the Open Video Conference 2010, Chris Blizzard of Mozilla set the scene for what is at stake with HTML5 'we are just at the beginning of understanding what video on the web could be: imagine a video-rich wikipedia, or the ability to translate any video on the web into any language' HTML5 and WebM offer this potential. In order to demo what video could be they ran a called Flight of the Navigator in HTML5, Javascript and the Mozilla Audio API -- no plug-ins required.

Processing.js ( www.processingjs.org ) is used for animated textures, WebM video for videos and BeatDetektor.js ( www.beatdetektor.com ) for audio analysis and visualization.

The demo that Blizzard ran picked up real time flickr and twitter streams of images/video tagged #ovc10 (the twitter #tag for the OVC conference) and featured them in screens within an animated city scene and timed to be syncopated with the soundtrack. Very impressive!


Phillipe de Hegaret of W3C then demoed how to build your own HTML5 player using opensource screen vector graphics authoring 'inkscape' tools in just 10 mins!