1

html5オーディオプレーヤーでwinampのようなプレーヤーを作りたいです。しかし、javascript ボタン (オーディオ ソースを変更して音楽を再生する関数を呼び出す onclick イベントに使用される「再生」ボタン) をクリックすると、ソースが時間内にロードされないことがあります。私のコードは次のとおりです。

<script type="text/javascript">
function play(src){
document.getElementById('new').currentSrc=src+".ogg";
document.getElementById('new').play();
}
</script>

        <audio id="new">
            <source src="m.ogg" type="audio/ogg" />
            Your browser does not support HTML5 audio. Please upgrade your browser.                
        </audio>

<button onclick="play('source');">Play next song</button>

もう 1 つの問題は、最初の src をそこに保持する必要があることです (m.ogg など)。そうしないと、新しいソースが読み込まれません。しかし、「新しい」オーディオ プレーヤーの innerHTML を変更すると、この問題は発生しませんが、読み込みが少し遅くなります。

これのベストプラクティスは何ですか？現在のソースを変更するか、オーディオ プレーヤーの innerHTML を変更しますか?

-ありがとう。

4

1 に答える 1

1

電話してみる

document.getElementById('new').load();

play() を呼び出す前に。

IIRC は、十分なデータがバッファリングされるとすぐに再生を試みます。

于 2013-08-21T16:02:30.907 に答える