微信小程序之audio组件播放背景音乐

audio组件播放音频

在微信小程序中可以通过audio组件实现背景音乐的效果,不过有一缺点,真机调试的时候没有声音

1.wxml 文件

<audio id="music" src="{{src}}"></audio>

2.js文件

onReady:function(){
	// 使用 wx.createAudioContext 获取 audio 上下文 context
	this.audioCtx = wx.createAudioContext('music');
	this.audioCtx.play();
}

实现的过程十分的简单,只需要在前台audio组件中指定相应的id,后台通过wx.createAudioContext(id)获取即可。
关于audio组件的详细解释请前往:微信官方文档之audio组件

你可能感兴趣的:(微信小程序)