HTML5 - 如何在移动浏览器上多次播放音频文件(重播)?

时间:2013-01-09 00:58:36

标签: html5 audio mobile browser replay

所以我最近试图学习html5的东西,并得到音频标签。它似乎在我的PC浏览器Chrome上运行得很好,但在我的android(4.0,同时使用股票浏览器和海豚)上并没有那么多。它将播放一次音频,但永远不会再播放。以此网站为例:

http://www.stefanvignir.de/rimshot/

非常基本,它有一个按钮,每次按下它时都会播放音频,而不是我的机器人。它只在您第一次按下时播放。你怎么解决这个问题?只是等待移动浏览器更新?

我听说解决方法是设置audio.currentTime = 0;但这似乎没有解决任何问题。 显然你可以重置源(audio.src = audio.src),这将允许你多次播放它,但它必须重新下载文件。我想是一种解决方法,但不能接受。

有什么建议吗?感谢。

1 个答案:

答案 0 :(得分:0)

这适用于桌面和andriod浏览器,适用于多个印刷机 - 您可以使用div等包装样式:

<a onclick="this.firstChild.play()"><audio src="1.mp3"></audio>play</a>

不仅仅是音频标签,因此您可以更好地控制播放按钮的外观。如果您需要更多按钮,可以更改暂停等代码