- 今天开发遇到一个问题, 就是在一个页面中连续播放多个声音, 但是 audio 标签在iphone 上只能播放一次, 就没有声音了
- 研究了一下, 问题就是iphone 的微信需要兼容一下audio 这个标签的方法
一 、添加一个audio标签
<audio id="Jaudio" src="xxx.mp3" preload loop="loop" controls="controls"></audio >
二、处理兼容
function audioAutoPlay(id, url){
var audio = document.getElementById(id);
audio.src = url
var play = function() {
document.removeEventListener("WeixinJSBridgeReady", play);
document.removeEventListener("YixinJSBridgeReady", play);
audio.play();
};
// 播放
audio.play();
//weixin
document.addEventListener("WeixinJSBridgeReady", play, false);
//yixin
document.addEventListener('YixinJSBridgeReady', play, false);
}
// 调用播放
audioAutoPlay('Jaudio', 'http://xxx');