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"属性。