9

HTML5 オーディオ要素の読み込みバー (読み込まれた/バッファされたパーセンテージを示す) を作成しようとしています。

video タグについては、以下を使用して計算できます。

video.buffered.end(0) / video.duration

しかし、これをオーディオタグで動作させることはできません。修正値を返すだけです。

何か案が？

ありがとう！

4

4 に答える 4

1

次のコードを使用して、HTML5 オーディオ要素の進行状況を取得し、要素に適用できます<progress>。

var myAudio = document.getElementById('#myAudio');
var myProgressBar = document.getElementById('#myProgressBar'); 

myAudio.addEventListener('timeupdate', onLoadProgress);

function onLoadProgress () {
    var progress = parseInt(((myAudio.currentTime / myAudio.duration) * 100), 10);
    myProgressBar.value = progress; 
}
于 2014-12-14T01:16:55.100 に答える
0

返される固定値は何ですか? 問題を示すために簡単なjsfiddleを作成できますか?

このhtml5 ドクター チュートリアルはごく最近に書かれたもので、HTML5 オーディオの現在のプレイ状況に関する有益な情報が含まれています。ページの途中にある次のヒントは、あなたの場合に関連しているように見えます。

メディアのダウンロード中に一部の期間が変更される可能性があるため、durationchange イベントを確認する必要がある場合があります。また、メタデータが利用可能かどうかによっては、オーディオの再生が開始されるまで待機して、その長さを確認する必要がある場合があります。つまり、durationchange イベントを監視し、期間がまだ不明な場合は NaN 値に注意してください。

于 2012-10-23T10:03:40.593 に答える