audiocontext html5,webkitaudiocontext

I'm using the HTML5 webkitAudioContext to get the realtime levels of a user's microphone using this following code:

var liveSource;

function getLevel(){

var context = new webkitAudioContext();

navigator.webkitGetUserMedia({audio: true}, function(stream) {

liveSource = context.createMediaStreamSource(stream);

liveSource.connect(context.destination);

var levelChecker = context.createJavaScriptNode(4096, 1 ,1);

liveSource.connect(levelChecker);

levelChecker.connect(context.destination);

levelChecker.onaudioprocess = function(e) {

var buffer = e.inputBuffer.getChannelData(0);

var maxVal = 0;

// Iterate through buffer to check if any of the |values| exceeds 1.

for (var i = 0; i < buffer.length; i++) {

if (maxVal < buffer[i]) {

maxVal = buffer[i];

}

}

if(maxVal <= 0.01){

console.log(0.0);

} else if(maxVal > 1){

console.log(1);

} else if(maxVal > 0.2){

console.log(0.2);

} else if(maxVal > 0.1){

console.log(0.1);

} else if(maxVal > 0.05){

console.log(0.05);

} else if(maxVal > 0.025){

console.log(0.025);

} else if(maxVal > 0.01){

console.log(0.01);

}

};

});

}

getLevel();

If you copy and paste this in to your console and click your fingers near your microphone (assuming you've enabled microphone input) you'll see it works for a few seconds, then suddenly stops. It doesn't report any errors. Can anybody explain why this is happening? Thanks

See http://labs.dinahmoe.com/dynamicmusicengine/ for an example where the levels are working correctly.