HTML5 vérifie si l'audio est en cours de lecture ?

Question

Quelle est l'api javascript pour vérifier si un élément audio html5 est en cours de lecture ?

Answer 1

Je me suis demandé si ce code fonctionnerait, et il a étonnamment fonctionné :

if (a.paused == false) {
/*do something*/
}

ou vous pourriez l'écrire comme :

if (!a.paused == true) {
/*do something*/
}

si vous voulez que votre IDE vous ennuie dans JSfiddle.

Answer 2

Vous pouvez utiliser l'événement onplay.

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

o

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

Answer 3

Essayez ce code :

    var myAudio = document.getElementById("audioFile"); 

    function playAudio() { 
          //audio.play(); 
          //console.log(audio.play())
           if (myAudio.paused && myAudio.currentTime >= 0 && !myAudio.started) {
         myAudio.play();
         console.log("started");
     } else {
         myAudio.pause();
     }
}

Answer 4

Pour vérifier si l'audio commence vraiment à être lu, en particulier si vous avez un flux, vous devez vérifier que audio.played.length a 1 . Il sera 1 seulement si l'audio est vraiment des sons de départ. Sinon, il sera 0 . Il s'agit plutôt d'un hack, mais qui fonctionne même dans les navigateurs mobiles, comme Safari et Chrome.

Answer 5

J'utilise ce code jquery avec le bouton de remorquage play et stop, le bouton play est un bouton play et pouse.

const help_p = new Audio("audio/help.mp3");//Set Help Audio Name
$('#help_play').click(function() {//pause-Play
if (help_p.paused == false) {
  help_p.pause();//pause if playing
} else {
  help_p.play();//Play If Pausing
}
});

$('#help_stop').click(function() {//Stop Button
  help_p.pause();//pause
  help_p.currentTime = 0; //Set Time 0
});