微信小程序音乐播放器组件
wxml
<image bindtap="click" src="{{isPlay?'/images/':'/images/'}}"/>
JS
Page({ data:{ isPlay:false }, onLoad(){ var self = this; //监听音乐播放 wx.onBackgroundAudioPlay((result)=>{ self.setData({ isPlay:true }) }); //监听音乐停止 wx.onBackgroundAudioPause((result)=>{ self.setData({ isPlay:false }) }); }, //执行点击事件,如果播放就停止,如果停止就播放 click(){ if(this.data.isPlay){ wx.pauseBackgroundAudio(); this.setData({ isPlay:fasle }) }else{ //开始音乐播放 wx.playBackgroundAudio({ dataUrl:"", title:"", coverImgUrl:"" }); this.setData({ isPlay:true }) } } })
若本号内容有做得不到位的地方(比如:涉及版权或其他问题),请及时联系我们进行整改即可,会在第一时间进行处理。
请点赞!因为你们的赞同/鼓励是我写作的最大动力!
欢迎关注达叔小生的简书!
这是一个有质量,有态度的博客
相关推荐
kgshuo 2020-09-25
Tomato 2020-09-10
taiyangyu 2020-09-10
CodeAndroid 2020-09-10
small 2020-07-29
sucheng 2020-07-26
zuoliangzhu 2020-07-20
CodeAndroid 2020-07-14
xiaoxubbs 2020-07-04
sucheng 2020-06-25
kgshuo 2020-06-14
意外金喜 2020-06-14
zuoliangzhu 2020-06-14
tianping 2020-06-14
hgzhang 2020-06-14
killgod 2020-06-14
戴翔的技术 2020-06-14
郴州小程序 2020-06-13