Source Node

The Source node is your input for the audio graph you build. You can upload audio files, or choose to make your own music using a mic.

Right now the mic input can only be used in the Chrome Canary browser. And keep in mind that if you are using your computer's built in mic, make sure you are using headphones or else you will hear some nasty feedback.

AudioBufferSourceNode Spec

Tutorial on how to use the mic


Delay Node

The Delay node can be used to introduce a delay in your audio signals. You can control the number of seconds a signal is delayed.

Try creating an echo affect using this node!

DelayNode Spec


Gain Node

The Gain node controls volume.

This node is great for dynamically adding or suppressing the affects of the other node types.

AudioGainNode Spec


Panner Node

The Panner node lets you move the direction the sound is coming from left or right.

The Web Audio API AudioPannerNode actually lets you move the origin of the sound anywhere in 3d space. It even lets you give the audio source a velocity and takes care of adding a doppler affect when appropriate!

AudioPannerNode Spec

How to use positional audio and WebGL


Convolver Node

The Convolver node lets you make your audio sound like it is being played in different acoustic spaces, like a concert hall or a french 18th century salon, whatever that sounds like.

Use the drop down to select the acoustic space you want to simulate.

ConvolverNode Spec

An in depth look on this magical effect


Compressor Node

The Compressor node balances out the volume of a signal, lowering the volume of the loudest parts and raising the softest parts.

This is usually used right before the destination node to balance out all the input signals.

DynamicsCompressorNode Spec

Biquad Filter

Biquad Filter Node

The Biquad Filter node lets you use the common audio filters, like lowpass or highpass.

What to only hear the base of a song? Slap on a low pass filter and set the frequency on the low end.

BiquadFilterNode Spec