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

苏苏哇哈哈

已于 2022-11-15 19:08:57 修改

阅读量3.7k

点赞数 3

分类专栏：小程序文章标签：微信小程序小程序微信

于 2021-12-25 16:49:35 首次发布

本文链接：https://blog.csdn.net/qq_48085286/article/details/122145481

版权

小程序专栏收录该内容

52 篇文章

订阅专栏

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