目录

微信小程序点击加音效

目录

微信小程序点击加音效

微信小程序点击加音效

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() 
}