When we touched upon the subject of HTML audio in Chapter 7, Working with HTML5 Audio, we were looking at it from a perspective of progressive enhancement and maximum device support. We took regular pages with native audio controls and used JavaScript to build a new interface to control the audio. We then looked at ways to combine it all and go for the better experience. Now, we'll take it a few steps further.

The Web Audio API is a fairly new development and, at the time of writing this, only existed within the mobile space on Mobile Safari and Chrome for Android (http://caniuse.com/#feat=audio-api). The Web Audio API is available on the latest versions of desktop Chrome, Safari, and Firefox, so you can still do your initial test coding there. It's only a matter of time before this is built into other major platforms.

Most of the code for this part of the project, and the full explanation of the API, can be found at http://tinyurl.com/webaudioapi2014.

Let...