|
一.小知识
1.wx.getBackgroundAudioPlayerState(OBJECT)：获取后台音乐播放状态。
-
<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)控制音乐播放进度。
-
<span style="font-family:Comic Sans MS;">wx.seekBackgroundAudio({
-
position: 30
-
})</span>
5.wx.stopBackgroundAudio()停止播放音乐。
6.wx.onBackgroundAudioPlay(CALLBACK)监听音乐播放。
7.wx.onBackgroundAudioPause(CALLBACK)监听音乐暂停。
8.wx.onBackgroundAudioStop(CALLBACK)监听音乐停止。
二.案例
-
<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">设置播放进度</button>
-
<button type="primary" bindtap="listenerButtonStop">停止播放</button>
-
<button type="primary" bindtap="listenerButtonGetPlayState">获取播放状态</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
-
//获取应用实例
-
Page({
-
data:{
-
// text:"这是一个页面"
-
},
-
onLoad:function(options){
-
// 页面初始化 options为页面跳转所带来的参数
-
/**
-
* 监听音乐播放
-
*/
-
wx.onBackgroundAudioPlay(function() {
-
console.log('onBackgroundAudioPlay')
-
})
-
-
/**
-
* 监听音乐暂停
-
*/
-
wx.onBackgroundAudioPause(function() {
-
console.log('onBackgroundAudioPause')
-
})
-
-
/**
-
* 监听音乐停止
-
| 
