沒啥可值得太注意的地方
重要屬性:
1. wx.getBackgroundAudioPlayerState(object) 獲取播放狀態
2.wx.playBackgroundAudio(object)播放音樂
3.wx.pauseBackgroundAudio()暫停音樂
4.wx.seekBackgroundAudio(object) 設置播放進度
5.wx.stopBackgroundAudio()停止播放音樂
三個監聽器:
wxml
<button type="primary" bindtap="listenerButtonPlay">播放</button><button type="primary" bindtap="listenerButtonPause">暫停</button><button type="primary" bindtap="listenerButtonSeek">設置播放進度</button><button type="primary" bindtap="listenerButtonStop">停止播放</button><button type="primary" bindtap="listenerButtonGetPlayState">獲取播放狀態</button>
js
Page({ data:{ // text:"這是一個頁面" }, listenerButtonPlay: function() { wx.playBackgroundAudio({ //播放地址 dataUrl: 'http://sc1.111ttt.com/2016/1/09/28/202280605509.mp3', //title 音樂名字 title: '青云志', //圖片地址 coverImgUrl: 'http://r1.ykimg.com/050E0000576B75F667BC3C136B06E4E7' }) }, /** * 播放狀態 */ listenerButtonGetPlayState: function() { wx.getBackgroundAudioPlayerState({ success: function(res) { console.log(res) //duration 總時長 //currentPosition 當前播放位置 //status 播放狀態 //downloadPercent 下載狀況 100 即為100% //dataUrl 當前播放音樂地址 } }) }, /** * 監聽button暫停按鈕 */ listenerButtonPause: function() { wx.pauseBackgroundAudio(); }, /** * 設置進度 */ listenerButtonSeek: function() { wx.seekBackgroundAudio({ position: 30 }) }, /** *停止播放 */ listenerButtonStop: function() { wx.stopBackgroundAudio() }, onLoad:function(options){ // 頁面初始化 options為頁面跳轉所帶來的參數 /** * 監聽音樂播放 */ wx.onBackgroundAudioPlay(function() { console.log('onBackgroundAudioPlay') }) /** * 監聽音樂暫停 */ wx.onBackgroundAudioPause(function() { console.log('onBackgroundAudioPause') }) /** * 監聽音樂停止 */ wx.onBackgroundAudioStop(function() { console.log('onBackgroundAudioStop') }) }, onReady:function(){ // 頁面渲染完成 }, onShow:function(){ // 頁面顯示 }, onHide:function(){ // 頁面隱藏 }, onUnload:function(){ // 頁面關閉 }})
感謝閱讀本文,希望能幫助到大家,謝謝大家對本站的支持!
新聞熱點
疑難解答