HTML5 sprawdzić, czy dźwięk jest odtwarzany?

Możesz sprawdzić czas trwania. Jest odtwarzany, jeśli czas trwania jest dłuższy niż 0 sekund i nie jest wstrzymywany.

var myAudio = document.getElementById('myAudioID');

if (myAudio.duration > 0 && !myAudio.paused) {

    //Its playing...do your job

} else {

    //Not playing...maybe paused, stopped or never played.

}

document.getElementsByTagName('audio').addEventListener('playing',function() { myfunction(); },false); 

Chociaż jestem naprawdę spóźniony do tego wątku, używam tej implementacji, aby dowiedzieć się, czy dźwięk jest odtwarzany:

service.currentAudio = new Audio();

var isPlaying = function () {
    return service.currentAudio
        && service.currentAudio.currentTime > 0
        && !service.currentAudio.paused
        && !service.currentAudio.ended
        && service.currentAudio.readyState > 2;
}

Myślę, że większość FLAG na elemencie audio jest oczywista poza stanem ready, o którym można przeczytać tutaj: MDN HTMLMediaElement.readyState .

Wypróbuj tę funkcję! Odtwarzanie dźwięku nie zostanie wykonane, jeśli pozycja jest początkiem lub końcem

function togglePause() {
     if (myAudio.paused && myAudio.currentTime > 0 && !myAudio.ended) {
         myAudio.play();
     } else {
         myAudio.pause();
     }
}

Aby sprawdzić, czy dźwięk jest naprawdę zacząć odtwarzać, zwłaszcza jeśli masz strumień, trzeba sprawdzić audio.played.length do 1. Będzie to 1 tylko wtedy, gdy dźwięk naprawdę zaczyna Dźwięki. W przeciwnym razie będzie 0. To bardziej jak hack, ale nadal działa nawet w przeglądarkach mobilnych, takich jak Safari i Chrome.

Możesz użyć zdarzenia onplay.

var audio = document.querySelector('audio');
audio.onplay = function() { /* do something */};

Lub

var audio = document.querySelector('audio');
audio.addEventListener('play', function() { /* do something */ };

Chociaż nie ma metody zwanej isPlaying lub czegoś podobnego, istnieje kilka sposobów, aby to osiągnąć.

Ta metoda pobiera % postępu podczas odtwarzania dźwięku:

function getPercentProg() {
    var myVideo = document.getElementsById('myVideo');
    var endBuf = myVideo.buffered.end(0);
    var soFar = parseInt(((endBuf / myVideo.duration) * 100));
    document.getElementById("loadStatus").innerHTML =  soFar + '%';
}

Jeśli procent jest większy niż 0 i mniejszy niż 100, gra, w przeciwnym razie jest zatrzymywany.