微信H5中IOS无法播放audio的解决方法

背景介绍

微信H5的开发中，audio标签在IOS系统中无法正常使用，包含背景音乐和音效。

原有代码

// 播放背景音乐document.querySelector("#bgaudio").play();// 播放游戏音效document.querySelector("#audio").play();

这段代码在安卓机上使用没问题，但是IOS系统无法使用，改进如下：

document.addEventListener("WeixinJSBridgeReady",function(){    // 播放背景音乐    document.querySelector("#bgaudio").play();    // 这边需要提前将音效加载进来，    // 之后就可以在任何地方直接使用document.querySelector("#audio").play()进行播放    document.querySelector("#audio").load();    },false);

个人总结

IOS系统，默认audio是无法被加载的，需要借助微信初始化，把audio加载，然后使用。