html - HTML5 - 如何在移动浏览器上多次播放（重播）音频文件？

Question

所以我最近试图学习 html5 的东西并得到了音频标签。它似乎在我的 PC 浏览器 Chrome 上运行良好，但在我的 android（4.0，同时使用股票浏览器和 dolphin）上运行得不是很好。它会播放一次音频，但不会再播放一次。以这个网站为例：

非常基本，它有一个按钮，每次按下它都会播放音频，但在我的安卓上没有。它仅在您第一次按下时播放。你如何解决这个问题？只是等待移动浏览器更新？

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

有什么建议么？谢谢。

score 0 · Accepted Answer

这适用于桌面和安卓浏览器的多次按下 - 您可以包装在 div 等中进行样式设置：

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

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

1 回答 1