Do everything with javascript

A play with HTML5 – audio mixer with canvas

Finished a prototype with the audio and canvas feature in HTML5. It is quite a sad thing that no single audio format can work cross browsers. HTML5 Doctor had a table showing the supported audio format from different browsers.

In the prototype I implemented the box filter documented out at Gamasutra. The blur function is applied to 6 canvas at every 100ms. Just chrome can run it smoothly….Maybe Firefox 4 can do that too, but I didn’t test it on FF4, also the mp3 may not be able to play on it…The link to the prototype (Google Chrome Only).


Screen shot with the audio mixer. Let’s play~

Leave a Reply

You can use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>