HTML5 media 'progress' event and 'buffered' property

by Ronny

HTML

<button id="p">Play</button>

CSS

body {text-align: center; margin: 20px;}
button {width: 90%; font-size: 24px;}

JavaScript

var audio = new Audio();
audio.src = "http://reallygood.co.il/clients/icast/01.mp3";
$('#p').click(function() {
    $(audio).bind('progress', function(){
        console.log('buffered? ' + audio.buffered.end(0) );
    });
    audio.play();
});