微信小程序点击加音效

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

微信小程序点击加音效相关推荐

微信小程序购物车数量加减功能
微信小程序购物车数量加减功能 wxml  <view class="stepper">  < ...
微信小程序点击tab栏切换，点击切换某个tab滚动到中间（ uniapp ）
微信小程序点击tab栏切换,点击某个tab滚动到中间( uniapp ) 之前写过原生js的tab栏滚动到中间,正好最近有个uniapp小程序项目中要用到tab切换滚动, 写个demo发出来 + 注意 ...
微信小程序点击切换tab跟随动画
微信小程序点击切换tab跟随动画 <view class='tabbox'><view wx:for="{{title}}" class='tab {{curr ...
微信小程序控制盒子显示隐藏_微信小程序点击控制元素的显示与隐藏
微信小程序点击控制元素的显示与隐藏首先我们先来看一下单个点击效果我们来看一下wxml中的代码: 更多内容更多> 2017-07-27 下面的是js中的主要代码: data: { shows ...
微信小程序图标不支持html,微信小程序实现自定义加载图标功能
效果图实现思路 1.首先通过HTML+CSS实现加载动画的静态效果: 2.根据需求给每个动画设计不同的动画效果. 例如第一个加载图标的静态绘制 1.首先确定动画的盒子宽高: 2.设置盒子中每一个长方 ...
微信小程序之下拉加载和上拉刷新
微信小程序之下拉加载和上拉刷新微信小程序下拉加载和上拉刷新两种实现方法方法一:onPullDownRefresh和onReachBottom方法实现小程序下拉加载和上拉刷新首先要在json文件里 ...
微信小程序点击页面tab栏切换
微信小程序点击页面tab栏切换 wxml <view class="container"><view class="swiper-tab"&g ...
wxss 点击样式_微信小程序点击控件修改样式实例详解
微信小程序点击控件修改样式实例详解现在要在微信小程序中实现点击控件修改样式,如下: 微信小程序中不支持直接操作dom,要实现这种效果,我们需要通过设置data,然后利用数据和界面的双向绑定来实现它. ...
Android 仿微信小程序开屏页加载loading
Android 仿微信小程序开屏页加载loading 废话不多说,先上效果图~ 首先就是底层有一个灰色的圆,然后按照圆形的轨迹进行绘制. 啊~说那么多也没用,还是直接上代码吧,哈哈哈哈绘制底部圆形及 ...

微信小程序点击加音效

微信小程序点击加音效相关推荐

最新文章

热门文章