HTML5 音频循环

新手上路,请多包涵

我最近一直在玩 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) 进行测试,这两者似乎都乐于忽略我的循环请求。有任何想法吗?

更新:现在所有主要浏览器都 支持 循环属性。

原文由 Toji 发布,翻译遵循 CC BY-SA 4.0 许可协议

阅读 610
2 个回答

虽然指定了 loop ,但未在我知道的任何浏览器 Firefox [感谢 Anurag 指出这一点] 。这是另一种循环方式,应该在支持 HTML5 的浏览器中工作:

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

原文由 kingjeffrey 发布,翻译遵循 CC BY-SA 4.0 许可协议

现在每个人都知道如果您键入:

 <audio controls="controls" loop="loop">
    <source src="someSound.ogg" type="audio/ogg" />
</audio>

它会播放歌曲并且会循环播放但是有一种更短的方法可以连续播放歌曲:

 <audio controls loop src="someSound.ogg"></audio>

原文由 Muhtasim Rasheed Mimar 发布,翻译遵循 CC BY-SA 4.0 许可协议

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
logo
Stack Overflow 翻译
子站问答
访问
宣传栏