H5 自动播放背景音频,兼容安卓和苹果手机, ios createInnerAudioContext 无法自动播放解决

原因应该是IOS不允许自动播放音频,有两种解决方法


在main.js


Vue.prototype.innerAudioContext = uni.createInnerAudioContext(); //创建播放器对象  

Vue.prototype.playAudio = function(audioUrl) {
	console.log('播放')
	var innerAudioContext = Vue.prototype.innerAudioContext;
	innerAudioContext.autoplay = true;
	if (audioUrl) {
		innerAudioContext = uni.createInnerAudioContext(); //创建播放器对象 
		innerAudioContext.src = audioUrl ? audioUrl :
			'https://tcb-vue-8gipg3itbc96c957-1254304076.tcloudbaseapp.com/backMusic2.mp3'; //选择播放的音频  
	} else {

		innerAudioContext.src = 'https://tcb-vue-8gipg3itbc96c957-1254304076.tcloudbaseapp.com/backMusic2.mp3'; //选择播放的音频  
	}
	innerAudioContext.play(); //执行播放
}

Vue.prototype.playStop = function() {
	console.log('停止')
	var innerAudioContext = Vue.prototype.innerAudioContext;
	innerAudioContext.stop(); //执行播放  
}

解决方法一:需要与用户有交互,就是用户点击一下之后,再调用就可以了

lock