Using JSON with the HTML5 video track element

This demo shows how the track element can be used to build page content – and synchronise page changes with media playback.

The video has a subtitle track, and a metadata track with cues in JSON format. The metadata cues are parsed to build the carousel, and as each metadata cue becomes active, the carousel and the content in the panel on the right are updated. The video can be navigated by clicking on thumbnails in the carousel; the content panel has links to full articles on Wikipedia.

Content and layout are based on work done by BBC R&D Prototyping as part of the P2P-Next project.

The original demo ( was modified by using webshims to make it cross-browser so that it even works in IE7/IE8 or Firefox 3.6. This demo is using the following Technologies (video, track, datalist, input[autofocus], input[placeholder] and JSON.

Multi-celled organisms

Multi-celled organisms have different types of cells that perform specialised functions. Most life that can be seen with the naked eye is multi-cellular. These organisms are though to have evolved around 1 billion years ago with plants, animals and fungi having independent evolutionary paths.

Read original article