一.小知識
1.wx.getBackgroundAudioPlayerState(OBJECT):獲取后臺音樂播放狀態(tài)。
-
<span style="font-family:Comic Sans MS;">wx.getBackgroundAudioPlayerState({
-
success: function(res) {
-
var status = res.status
-
var dataUrl = res.dataUrl
-
var currentPosition = res.currentPosition
-
var duration = res.duration
-
var downloadPercent = res.downloadPercent
-
}
-
})</span>
2.wx.playBackgroundAudio(OBJECT)
-
<span style="font-family:Comic Sans MS;font-size:18px;color:#333333;">wx.playBackgroundAudio({
-
dataUrl: '',
-
title: '',
-
coverImgUrl: ''
-
})</span>
3.wx.pauseBackgroundAudio()暫停播放音樂。
4.wx.seekBackgroundAudio(OBJECT)控制音樂播放進(jìn)度。
-
<span style="font-family:Comic Sans MS;">wx.seekBackgroundAudio({
-
position: 30
-
})</span>
5.wx.stopBackgroundAudio()停止播放音樂。
6.wx.onBackgroundAudioPlay(CALLBACK)監(jiān)聽音樂播放。
7.wx.onBackgroundAudioPause(CALLBACK)監(jiān)聽音樂暫停。
8.wx.onBackgroundAudioStop(CALLBACK)監(jiān)聽音樂停止。
二.案例
-
<span style="font-family:Comic Sans MS;font-size:18px;color:#333333;"><view class="zn-uploadimg">
-
<button type="primary" bindtap="listenerButtonPlay">播放</button>
-
<button type="primary" bindtap="listenerButtonPause">暫停</button>
-
<button type="primary" bindtap="listenerButtonSeek">設(shè)置播放進(jìn)度</button>
-
<button type="primary" bindtap="listenerButtonStop">停止播放</button>
-
<button type="primary" bindtap="listenerButtonGetPlayState">獲取播放狀態(tài)</button>
-
</view></span>
-
<span style="font-family:Comic Sans MS;font-size:18px;color:#333333;">.zn-uploadimg{
-
padding:1rem;
-
}
-
.zn-uploadimg button{
-
margin:10px;
-
}</span>
-
<span style="font-family:Comic Sans MS;font-size:18px;color:#333333;">//record.js
-
//獲取應(yīng)用實(shí)例
-
Page({
-
data:{
-
// text:"這是一個頁面"
-
},
-
onLoad:function(options){
-
// 頁面初始化 options為頁面跳轉(zhuǎn)所帶來的參數(shù)
-
/**
-
* 監(jiān)聽音樂播放
-
*/
-
wx.onBackgroundAudioPlay(function() {
-
console.log('onBackgroundAudioPlay')
-
})
-
-
/**
-
* 監(jiān)聽音樂暫停
-
*/
-
wx.onBackgroundAudioPause(function() {
-
console.log('onBackgroundAudioPause')
-
})
-
-
/**
-
* 監(jiān)聽音樂停止
-
*/
-
wx.onBackgroundAudioStop(function() {
-
console.log('onBackgroundAudioStop')
-
})
-
-
},//播放音樂
-
listenerButtonPlay: function() {
-
wx.playBackgroundAudio({
-
//播放地址
-
dataUrl: 'http://sc1.111ttt.com/2016/1/09/28/202280605509.mp3',
-
title: '青云志',
-
//圖片地址
-
coverImgUrl: 'http://r1.ykimg.com/050E0000576B75F667BC3C136B06E4E7'
-
-
})
-
},
-
/**
-
* 播放狀態(tài)
-
*/
-
listenerButtonGetPlayState: function() {
-
wx.getBackgroundAudioPlayerState({
-
success: function(res) {
-
console.log(res)
-
//duration 總時長
-
//currentPosition 當(dāng)前播放位置
-
//status 播放狀態(tài)
-
//downloadPercent 下載狀況 100 即為100%
-
//dataUrl 當(dāng)前播放音樂地址
-
}
-
})
-
},
-
/**
-
* 監(jiān)聽button暫停按鈕
-
*/
-
listenerButtonPause: function() {
-
wx.pauseBackgroundAudio();
-
},
-
/**
-
* 設(shè)置進(jìn)度
-
*/
-
listenerButtonSeek: function() {
-
wx.seekBackgroundAudio({
-
position: 30
-
})
-
},
-
/**
-
*停止播放
-
*/
-
listenerButtonStop: function() {
-
wx.stopBackgroundAudio()
-
}
-
})</span>