HTML5でオーディオが再生されているかどうかを確認しますか？

Question

html5オーディオ要素が現在再生されているかどうかを確認するためのjavascript APIは何ですか？

Answer 1

function isPlaying(audelem) { return !audelem.paused; } 

オーディオタグには、pausedというプロパティがあります。一時停止していない場合は再生中です。

Answer 2

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

このトリックを行う必要があります。

Answer 3

isPlayingなどのメソッドはありませんが、これを行うにはいくつかの方法があります。オーディオが再生されているよう

この方法では、進捗状況の％を取得します。

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 + '%'; 
} 

%が0より大きく、100未満である場合、それは他のそれが停止され、再生されています。

Answer 4

期間を確認することができます。持続時間が0秒より長く、一時停止していない場合は再生中です。

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. 

} 

Answer 5

この機能を試してみてください！音が再生されている場合は位置が先頭または私はこのスレッドには本当に遅れるものの

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

Answer 6

を終了している場合 オーディオ再生が実行されないだろう、私が把握するために、この実装を使用します。

service.currentAudio = new Audio(); 

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

私は、ここで読むことができる準備状態とは別に、オーディオ要素のほとんどのフラグが明白だと思います：MDN HTMLMediaElement.readyState。

Answer 7

オーディオが実際に再生を開始しているかどうかを確認するには、特にストリームがある場合は、audio.played.length〜1を確認する必要があります。オーディオが本当に開始音である場合に限り1になります。それ以外の場合は0になります。これはハックに似ていますが、SafariやChromeなどのモバイルブラウザでも機能します。