使用howler.js播放音频没有声音问题解决方案

最新推荐文章于 2025-09-19 04:14:25 发布

原创最新推荐文章于 2025-09-19 04:14:25 发布 · 3.9k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#音视频 #javascript #前端

本文介绍了解决iOS及Android设备上音频播放问题的方法，包括通过判断不同机型设置html5参数来确保播放正常，并提供了引入外部音频链接解决跨域问题的方案。

需求背景一：
在一个页面需要展示多个音频并切换展示，出现ios部分机型锁屏或者切后台时间长时没有声音
解决方案：
1.增加html5:true参数，但是这种方案发现ios没问题，安卓不能播放声音，必先
2.最终方案是判断机型属于安卓还是ios，如果是安卓html5:false，如果是ioshtml5设置为true

需求背景二
多段音频，想引入外部音频链接，发现出现跨域问题
解决方案：本地引入外部音频链接