小程序监听音乐播放停止如何实现?
小程序监听音乐播放停止如何实现?一般音乐播发都是用户自己控制的,我们该如何监听用户这种停止音乐播放的行为呢?下面小编给大家介绍一下小程序监听音乐播放停止如何实现。
小程序监听音乐播放停止如何实现?
当一首音乐播放完毕后,音乐图标应该恢复成未播放的状态,在这之前我们去控制音乐图标的状态时都是通过主动触发事件来实现的,但是音乐播放完成事件是没有办法主动触发的,它是被动的,是由MINA框架来触发的事件。我们需要能够“监听”到音乐播放结束这个事件,并在事件函数中做处理。幸运的是,MINA框架提供了3个“监听”函数,用来监听音乐播放的各种状态:
1、wx.onBackgroundAudioPlay(CALLBACK)监听音乐播放。
2、wx.onBackgroundAudioPause(CALLBACK)监听音乐暂停。
3、wx.onBackgroundAudioStop(CALLBACK)监听音乐停止。
我们使用wx.onBackgroundAudioStop(CALLBACK)来解决这个问题。在post-detail.小程序js的onLoad函数中新增一个setMusicMonitor方法。
在以上小程序代码中,我们调用了MINA框架提供的wx.onBackgroundAudioStop(CALLBACK)方法来监听音乐播放停止这个事件。wx.onBackgroundAudioStop(CALLBACK)接收一个回调函数作为参数,当音乐播放停止后,MINA框架将主动调用这个CALLBACK小程序回调函数。我们在CALLBACK中更改isPlayingMusic这个状态变量为false,从而将音乐图标恢复为未播放的状态。方法编写完成后,我们还需要在小程序页面的onLoad函数中调用一下setMusicMonitor方法,这样监听函数才会生效。
以上就是小编搜集的小程序监听音乐播放停止如何实现?的全部内容了,相信大家对于小程序监听音乐播放停止如何实现有了一定的了解,赶快去试试吧。更多精彩尽在微小乔!
相关推荐:
小程序监听返回按钮怎么弄
小程序监听页面滚动如何实现?
小程序页面显示空白怎么办?
下一篇:小程序监听页面滚动如何实现?
