美文网首页苏苏的微信小程序
微信小程序为按钮添加点击音效

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

作者: 苏苏哇哈哈 | 来源:发表于2021-12-25 16:49 被阅读0次

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,关注苏苏的码云

相关文章

网友评论

    本文标题:微信小程序为按钮添加点击音效

    本文链接:https://www.haomeiwen.com/subject/ovffqrtx.html