[TOC] # 音樂的事件 ## wx.getBackgroundAudioManager() 獲取后臺音樂播放狀態 ## onPlay監聽音頻播放事件 ## onPause監聽音頻暫停事件 ## onStop監聽音頻停止事件 ## onEnded監聽音頻自然播放至結束的事件 # 實例 ## //點擊控制音樂播放 ``` playmusic(){ var self = this if(this.data.isPlay){ wx.stopBackgroundAudio(); this.setData({ isPlay:false }) }else{ //調出音樂 wx.playBackgroundAudio({ //音樂路徑 dataUrl: self.data.music.url, //音樂標題 title:self.data.music.title, //音樂圖片 coverImgUrl:self.data.music.coverImg, }) this.setData({ isPlay:true }) } } , ``` ## //讓頁面與監聽頁面保持一致 ``` onMusic(){ var self=this; wx.onBackgroundAudioPlay((result)=>{ self.setData({ isPlay:true }) }) wx.onBackgroundAudioPause((result)=>{ self.setData({ isPlay:false }) }) wx.onBackgroundAudioStop((result)=>{ self.setData({ isPlay:false }) }) } ``` ## onLoad ``` onLoad: function (options) { var id = options.id var data = local.postList[id]; this.setData({ data, music:data.music }) this.onMusic(); }, ``` ## 設置isPlay的狀態 ``` data: { isPlay:false }, ``` ## wxml ``` <image src="{{shared?'/images/icon/share.png':'/images/icon/share-anti.png'}}" catchtap='onShare'/> ``` ## 讓退出當前頁面(不關閉app)是音樂依然播放 * 要點 存一個變量到全局里面去 ``` globalData:{ g_isPlay:false, g_currentId:null, } ``` `onLoad里` ``` // 進入頁面退出頁面音樂播放按鈕一致 if (app.globalData.g_isPlay && app.globalData.g_currentId == id) { this.setData({ isPlay: true }); } ``` ``` onMusic() { var self = this; wx.onBackgroundAudioPlay((result) => { self.setData({ isPlay: true }); app.globalData.g_isPlay = true; app.globalData.g_currentId = self.data.postId; }); wx.onBackgroundAudioPause((result) => { self.setData({ isPlay: false }); app.globalData.g_isPlay = false; app.globalData.g_currentId = null; }); wx.onBackgroundAudioStop((result)=>{ self.setData({ isPlay:false }); }); }, ```