Introducing Technitone: Showcasing the Web Audio API, multiplayer and live in WebGL

FEB. 28, 2012

By Paul Irish, Chrome Developer Relations

The Web Audio API, currently available in Chrome, provides a considerable amount of aural power to developers interested in integrating audio into their apps and games. Low latency audio playback, audio generation and realtime effects are available with a sensible API in Chrome stable.

We worked with gskinner.com to develop Technitone, a web audio experience that lets you join other players to plot tones on a grid, construct melodies and modify the output with a robust toolset of effects.

Click on over and poke around.

Your tone samples can come from your own recordings, or any of the available samples.
The left side Tools panel offers realtime audio filters, like echo reverb and pitch shift.
We keep you connected to other players in realtime using WebSockets and Node.js.
You can drop into solo mode or invite your friends to join you in a session.
Get inspired by others’ audio creations in the gallery.

If you’re interested in the techniques and software behind the project, take a look at the case study with plenty of sample code and demos on HTML5 Rocks: http://www.html5rocks.com/en/tutorials/casestudies/technitone/

Paul Irish helps developers build compelling apps for the web on the Chrome Team. He also works on HTML5 Boilerplate, Modernizr, and many bits and bobs of open source code.

Posted by Scott Knaster, Editor