iframe, jQuery and Raphaël js.
Raphaël is a good choice when you need a bit a flexibility with your animations. It’s backwards compatible to Internet Explorer 7/8 and you can rotate your elements. In this demo all the images are added as pngs to a Raphaël ‘paper’. All text and form elements are positioned over the top.
The narration was sliced up into downloadable sound bites. When a certain steps were reached in the demo an HTML 5
tag is written in adding the assorted sources (mp3 & ogg). I’ve also added a Flash back-up for older browsers.
TalkTalk do TV, broadband and home phone. You can see a copy of the TalkTalk Homesafe demo here.