HTML5 Audio and Canvas

By lyle

I had the idea of using HTML5 Canvas and Audio and a bit of jQuery to create a small interactive site. The end goal is to create something that has both mouse and keyboard interaction to play and change sounds and animations.

 The first thing I had to do was decide on a browser to use, as not all browsers are equal when it comes to HTML5 as http://html5test.com will tell you. As I'm using audio it made sense to use chrome as my browser of choice because it supports the use of mp3.

With my browser choice made I moved on to creating the HTML5 canvas and audio element. I'm using jQuery to deal with the keyboard input and the drawing onto the canvas.

Next on my list of things to add is some basic animations and mouse interactivity, which there'll be more on next time.

Related posts