我最近一直在玩 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();
添加一些结合@kingjeffrey 和@CMS 的建议的更多建议：您可以loop在可用的地方使用它，并在它不可用时退回到kingjeffrey 的事件处理程序。您想要使用loop而不是编写自己的事件处理程序有一个很好的理由：正如Mozilla 错误报告中所讨论的，虽然loop目前在我所知道的任何浏览器中都不能无缝循环（没有间隙），但它肯定是可能的，并且可能会将来成为标准。您自己的事件处理程序在任何浏览器中都不会是无缝的（因为它必须在 JavaScript 事件循环中运行）。因此，最好尽可能使用loop而不是编写自己的事件。正如 CMS 在对 Anurag 回答的评论中指出的那样，looploop 变量——如果它被支持，它将是一个布尔值 (false)，否则它将是未定义的，因为它目前在 Firefox 中。
把这些放在一起：
myAudio = new Audio('someSound.ogg');
if (typeof myAudio.loop == 'boolean')
{
myAudio.loop = true;
}
else
{
myAudio.addEventListener('ended', function() {
this.currentTime = 0;
this.play();
}, false);
}
myAudio.play();
您的代码适用于 Chrome (5.0.375) 和 Safari (5.0)。不在 Firefox (3.6) 上循环。
var song = new Audio("file");
song.loop = true;
document.body.appendChild(song);
最简单的方法是：
bgSound = new Audio("sounds/background.mp3");
bgSound.loop = true;
bgSound.play();
var audio = new Audio("http://rho.nu/pub/Game%20Of%20Thrones%20-%20Main%20Theme%20-%20Soundtrack.mp3");
audio.addEventListener('canplaythrough', function() {
this.currentTime = this.duration - 10;
this.loop = true;
this.play();
});
只需在 canplaythrough 事件侦听器中设置 loop = true 即可。