Audio播放

一：解决IOS自动播放问题

（1）引入jweixin.js,在jweixin.js之前引入jquery

<script src="js/jquery-1.8.3.js"></script>
<script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
function autoPlay(){  
	var audio = document.getElementById('sweatMusicAudioId');   
	audio.play();   
	document.addEventListener("WeixinJSBridgeReady", function () {   
	audio.play();   
	}, false);   
	document.addEventListener('YixinJSBridgeReady', function() {   
	audio.play();   
	}, false);   
}   
autoPlay();  

二：音频预加载

//预加载音频
function creatorVideo(src) {
var myAudio = document.createElement('audio');
//0默认静音播放
myAudio.volume = 0;
myAudio.src = src;
myAudio.play();
if (typeof WeixinJSBridge != "undefined") {
WeixinJSBridge.invoke('getNetworkType', {}, function (e) {
myAudio.play();
myAudio.onended = function () {
myAudio.load();
}
}, false);
}
return myAudio;
}
//播放音频
function playAudio(myAudio) {
myAudio.volume = 1;
myAudio.play();
if (typeof WeixinJSBridge != "undefined") {
WeixinJSBridge.invoke('getNetworkType', {}, function (e) {
myAudio.play();
}, false);
}
}

//先预加载三个音频 var button = creatorVideo("音频路径");//背景音乐
var aircraft = creatorVideo("音频路径");//背景音乐

调用：playAudio(button);

三：音频在IOS上循环播放在paly()前面调用load()

document.getElementById('id').load();
document.getElementById('id').play();