WebAudio API


DIY equalizer for youtube ;)

@naugtur, meet.js 09.2012

On the playlist:

  • basic idea
  • browser support
  • demo
  • your first f_ck-up
  • moar stuff!

WebAudio

W3C says:

The primary paradigm is of an audio routing graph, where a number of AudioNode objects are connected together to define the overall audio rendering

But what concerns you is that there is a source and a destination and you can put stuff between them

doc

Browser support

incomplete or deprecated

  • chrome stable
  • safari nightly
  • firefox - Audio Data API,
    now deprecated

Browser support

We'll have to wait a bit more...

Demo

Sound from thepianoguys.com channel on youtube

Your first f_ck-up

it's easy to break it :)


source.connect(bass);
source.connect(treble);

bass.connect(context.destination);
treble.connect(context.destination);

     _,_
..._/   \_...
    \_,_/
	  

kaboom

Ok, where's the youtube?

pedalboard!

http://dashersw.github.com/pedalboard.js/demo/

It wasn't my machine, the demo seems broken at the moment

Thanks!

You can find me on twitter, github and stackoverflow. Just look for naugtur