Audio - player personalizzato

by beatricevivaldi

HTML

<audio src="http://www.sandropaganotti.com/wp-content/goodies/misc/thunder.mp3">
    <a href="thunder.mp3" alt="scarica">scarica</a>
</audio>
<button>play</button><span></span>

JavaScript

//var audio= new Audio();
//audio.src = "http://www.sandropaganotti.com/wp-content/goodies/misc/thunder.mp3";

var audio = document.querySelector('audio');
document.querySelector('button').
addEventListener('click', function(evt){
    if(audio.paused){
        evt.target.textContent = 'pause';
        audio.play();
    }else{
        evt.target.textContent = 'play';
        audio.pause();
    }
}, false);
setInterval(function(){
    if(audio.played.length > 0 && !audio.paused){
        document.querySelector('span').
        textContent = audio.played.end(0);
    }
}, 1000);