javascript - JavaScript でオーディオをループする

Question

次のコードがあります

var audioElement0 = document.createElement('audio');
audioElement0.setAttribute('src', 'notify.wav');
audioElement0.setAttribute('autoplay', 'autoplay');
audioElement0.Play(); 

var audioElement1 = document.createElement('audio');
audioElement1.setAttribute('src', 'notify.wav');
audioElement1.setAttribute('autoplay', 'autoplay');
audioElement1.Play(); 

var audioElement2 = document.createElement('audio');
audioElement2.setAttribute('src', 'notify.wav');
audioElement2.setAttribute('autoplay', 'autoplay');
audioElement2.Play(); 

しかし、それは一度しか再生されません...どうすれば修正できますか?

Answer 1

ループ プロパティがあります。

audioElement.loop=true;

しかし、一部のブラウザーはループ プロパティを十分にサポートしていません。次のようにイベント リスナーを追加できます。

audioElement.addEventListener('ended', function() {
    this.currentTime = 0;
    this.play();
}, false);

Answer 2

このaudio要素には、loopその再生を自動ループするように設定できるブール値のプロパティがあります。別のオプションは、オーディオ要素の「終了」イベントに応答するイベントリスナーを追加することです。ハンドラーで、オーディオの位置を 0 に戻し、新たに再生します。

Answer 3

loop="loop"audio タグに属性を設定します。