微信小程序点击加音效
目录
微信小程序点击加音效
微信小程序点击加音效
1.首先微信小程序的开发文档里有这样一个方法wx.createInnerAudioContext()
2.封装方法
eggMusic(){
const innerAudioContext = wx.createInnerAudioContext()/**微信小程序开发文档自带的音频方法 */
innerAudioContext.autoplay = true/**true是开启自动播放,false则关闭*/
innerAudioContext.src = 'https://baba-mini-apps.oss-cn-hangzhou.aliyuncs.com/minipro-img/bgc/983085735b54b4eb731e3531d7163c19.mp3'/**你要播放的音频文件的地址 可以放在线的也可以放本地的 */
innerAudioContext.onPlay(() => {/**开始播放是触发 */
console.log('Start playback')
})
innerAudioContext.onError((res) => {/**播放是有错误时触发 */
console.log(res.errMsg)
console.log(res.errCode)
})
}
3.以上方法写好后我们只需要在你需要的时候调用这个方法即可,例如点击时让他播放
btnClick(){
/**调用上面写好的播放音乐的方法 即可在点击的时候播放音乐 */
this.eggMusic()
}