• Immersion
• Excitement
• Nonvisual cues
• Ambience
• etc...

var context = new webkitAudioContext();
var req = new XMLHttpRequest();
req.open('GET', 'killerqueen.mp3', true);
req.responseType = 'arraybuffer';
req.onload = function() {
    createSource(req.response);
} 

function createSource(data) {
    var source = context.createBufferSource();
    source.buffer = context.createBuffer(data);
    source.connect(context.destination);
    source.noteOn(0);
} 

var volumeNode = context.createGainNode();
volumeNode.gain.value = 0.1;

source.connect(volumeNode);
volumeNode.connect(context.destination); 

var filterNode = context.createBiquadFilter();
filterNode.type = 0; // low-pass filter
filterNode.frequency.value = 220; // filter > 220Hz

volumeNode.connect(filterNode);
filterNode.connect(context.destination); 

context.listener.setPosition(20, 5, 0)

var panner = context.createPanner();
panner.setPosition(10, 5, 0);

source.connect(panner);
panner.connect(context.destination); 

var convolver = context.createConvolver();
loadSound("church.wav", convolver);

source.connect(convolver);
convolver.connect(context.destination); 

• Music notes
• Beats
• Intensities
• etc.

var processor = context.createJavaScriptNode(2048);
processor.onaudioprocess = process;

var analyzer = context.createAnalyzer();
analyzer.fftSize = 2048;

source.connect(processor);
processor.connect(analyzer);
analyzer.connect(destination);

function process() {
    var inputArrayL = event.inputBuffer.getChannelData(0);
    var inputArrayR = event.inputBuffer.getChannelData(1);
    var outputArrayL = event.outputBuffer.getChannelData(0);
    var outputArrayR = event.outputBuffer.getChannelData(1);
    
    var n = inputArrayL.length;
    for (var i = 0; i < n; ++i) {
        outputArrayL[i] = inputArrayL[i];
        outputArrayR[i] = inputArrayR[i];
    }
        
    var freqByteData = new Uint8Array(analyzer.frequencyBinCount);
    analyzer.getByteFrequencyData(freqByteData);

    // do something with freqByteData
}