音频文件无法在 android chrome 浏览器上播放

Posted

技术标签:

【中文标题】音频文件无法在 android chrome 浏览器上播放【英文标题】:Audio file not playing on android chrome browser 【发布时间】:2016-11-01 13:22:53 【问题描述】:

如何在移动 chrome 浏览器中单击按钮时播放音频文件?因为它适用于台式机和笔记本电脑,但不适用于手机。

这是我的代码。带有歌曲的音频 src 和带有 onclick 功能的生日快乐按钮来播放歌曲。

<a href="" onclick="document.getElementById('my_audio').play();">Happy Birthday</a>

<audio id="my_audio" src="Happy_Birthday_To_You.mp3"
       loop="loop"></audio>

【问题讨论】:

你试过href="#" 是的,我试过了。但它没有用。 @Ritesh 欢迎来到 ***。当您接受答案时,您和回答者都会赢得声誉。阅读***.com/help/accepted-answer 将鼠标悬停在答案旁边并单击复选框。谢谢:) 【参考方案1】:

删除“onclick”并在 javascript 调用之前添加 javascript:。把它全部放在href中,它应该可以工作(fiddle)

<a href="javascript:document.getElementById('my_audio').play();">Happy Birthday</a>

<audio id="my_audio" loop src="http://www.rachelgallen.com/HappyBirthday.mp3">
  
</audio>

【讨论】:

顺便说一句,如果您添加了播放/暂停功能,您将可以更好地控制声音;这很容易。 ***.com/a/24498727/1675954

以上是关于音频文件无法在 android chrome 浏览器上播放的主要内容,如果未能解决你的问题,请参考以下文章

求谷歌Chrome浏览器播放Wav格式音频的方法。

屏幕关闭时,HTML5 音频/javascript 停止在 android(谷歌浏览器)上工作

如何使用 Javascript 在移动 Safari 和所有其他浏览器上录制音频?

html5 中的 hls 在 android chrome 浏览器中不起作用

用于收听和捕获流式音频的 Chrome 扩展程序

无法从 Android 上的浏览​​器下载文件