1. ホーム
  2. javascript

[解決済み] HTML5 オーディオループ

2023-05-01 13:31:30

質問

最近 HTML5 オーディオで遊んでいるのですが、音を再生させることはできても、一度しか再生されません。何を試しても (プロパティ、イベント ハンドラなどを設定しても)、ループさせることはできないようです。

以下は、私が使用している基本的なコードです。

//myAudio is declared at a global scope, so it doesn't get garbage collected.
myAudio = new Audio('someSound.ogg');
myAudio.loop = true;
myAudio.play();

Chrome (6.0.466.0 dev) と Firefox (4 beta 1) を使ってテストしていますが、どちらも私のループの要求を喜んで無視しているように見えます。何かアイデアはありますか?

アップデイト : ループプロパティは現在 に対応しました。 を全ての主要なブラウザでサポートしました。

どのように解決するのですか?

一方 loop が指定されていますが、これは には実装されていません。 Firefox [この点を指摘してくれた Anurag に感謝します] では . HTML5 対応のブラウザで動作するループの代替方法を紹介します。

var myAudio = new Audio('someSound.ogg'); 
myAudio.addEventListener('ended', function() {
    this.currentTime = 0;
    this.play();
}, false);
myAudio.play();