yoowinsu / blog

issues blog
17 stars 3 forks source link

使用audio标签碰到的兼容性问题以及优化方法 #84

Open yoowinsu opened 5 years ago

yoowinsu commented 5 years ago

一个游戏项目中要求随着游戏开始要想起背景音乐,第一时间就想到要用audio标签,之前没有用过这个标签,所以对其中的一些坑不太了解。

起初背景音乐文件两兆多,这样绝对是不行的,所以各种操作之后,处理到了300多k,勉强能接受的范围。

我开始时直接用的audio标签,期间碰到了下面两个主要问题:

1.Uncaught (in promise) DOMException

2.IOS设备无法播放音乐

解决方法

引入一个别人写好的js https://github.com/jdf2e/audioCreate.js/tree/master/audiojs

引用方法可以见该链接

PS: 其中在IOS设备中,由于IOS对于自动播放的限制,所以如果需要自动播放,必须要手动触发事件,比如touchstartclick事件都可以。