音频播放BackgroundAudioManager（三）

记录音频是否播放，切换对应图标

//app.js
App({//问题：当前音频播放，音频图标由音符符号切换成暂停符号，//但是跳出其他页面再进来播放音频页面，图标又初始化音符符号//解决方法:声明全局变量，记录音频是否在播放gIsPlayingMusic:false //false 表明当前音频未播放
})

//页面获取app.js全局变量
const app = getApp()

    //音频播放onMusicStart(evevt) {//获取全局唯一的背景音频管理器const mgr = this.data._mgr//找到数据源，对应的文章音频const music = postList[this.data._pid].music//音频管理器的属性//音频的数据源，当设置了src时，会自动开始播放mgr.src = music.url//音频标题，用于原生音频播放器音频标题（必填）mgr.title = music.title//封面图URL，用于做原生音频播放器背景图mgr.coverImgUrl = music.coverImg//标记音频播放app.gIsPlayingMusic = truethis.setData({isPlaying: true //音频图标是播放时，停止符号})},

    //音频停止播放onMusicStop() {const mrg = this.data._mgr//方法：停止音乐mrg.stop();//标记音频未播放app.gIsPlayingMusic = falsethis.setData({isPlaying: false //音频图标是未播放时，音符符号})},

onLoad(options) {//在onLoad 获取全局唯一的背景音频管理器const mgr = wx.getBackgroundAudioManager()this.data._mgr = mgr//音频监听//监听背景音频播放事件,背景音频播放事件的监听函数mgr.onPlay(this.onMusicStart)//监听背景音频暂停事件,背景音频暂停事件的监听函数mgr.onPause(this.onMusicStop)this.setData({isPlaying:app.gIsPlayingMusic//不会被初始化data，isPlaying: false,覆盖})},

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！