HTML5 Love

This sweet canvas-audio visualisation nicknamed “HTML5 Love” is courtesy of IO from 9Elements. HTML5 Love combines both the HTML5 canvas and audio elements with updates from social networking site Twitter.

Love HTML5? Love Canvas!

Love HTML5? Love Canvas!

IO blogger Sebastian Deutsch says:

The music will only be played if the browser supports the audio tag. To detect if the audio or canvas feature is present we use the awesome modernizr library. We could have used a fallback solution like playing the sound via Flash. But this experiment is about HTML5 – and who needs Flash anyway?

Works best in Firefox 3.5.

Check out the HTML5 Love demo!

Info

Type:
Applications, Audio, Display
Author:
9elements
Posted on:
August 5th, 2009
Posted by:
Andi Smith
Views:
7796

Rating

4.64

Your Rating:
1 Star2 Stars3 Stars4 Stars5 Stars

Works on

BETA Please let us know if you find HTML5 Love works in other browsers by leaving a comment below.

Comments

MTF

superb!

i have few question…
how i can do something like this?
Can I find turtorial?

thx :)

and sorry for my english :)

Posted on September 17, 2010

switch

Works great on Safari 5.0.4 :)

Posted on April 9, 2011

Add comment

(required)
(required)
(will not be published)
(required)

Related demos