微信小程序为按钮添加点击音效

1.实现原理

在这里插入图片描述
文档地址：InnerAudioContext

2.实现代码

const innerAudioContext = wx.createInnerAudioContext()
innerAudioContext.autoplay = false  // 是否自动开始播放，默认为 false
innerAudioContext.loop = false  // 是否循环播放，默认为 false
wx.setInnerAudioOption({ // ios在静音状态下能够正常播放音效
  obeyMuteSwitch: false,   // 是否遵循系统静音开关，默认为 true。当此参数为 false 时，即使用户打开了静音开关，也能继续发出声音。
  success: function (e) {
  },
  fail: function (e) {
  }
})
innerAudioContext.src="/pages/jsCase/img/btnaudio.mp3"
innerAudioContext.play()

3.注意点

若音频为本地文件，src路径需要是绝对路径

4.更多小程序demo，关注苏苏的码云