wx.getBackgroundAudioManager()

專注于為中小企業(yè)提供網站建設、成都網站制作服務,電腦端+手機端+微信端的三站合一,更高效的管理,為中小企業(yè)常州免費做網站提供優(yōu)質的服務。我們立足成都,凝聚了一批互聯(lián)網行業(yè)人才,有力地推動了上千多家企業(yè)的穩(wěn)健成長,幫助中小企業(yè)通過網站建設實現(xiàn)規(guī)模擴充和轉變。
推薦大家使用背景音樂不在使用audio
audio播放音頻加載時間長 體驗需求達不到
相關文檔
https://developers.weixin.qq.com/miniprogram/dev/api/media/background-audio/BackgroundAudioManager.html
相關代碼
const bgMusic = wx.getBackgroundAudioManager() //創(chuàng)建背景音樂
Page({
data: {
id: '',//請求數據參數id
musicMsg: {},//接收數據對象
},
onLoad: function (options) {
var that = this
that.setData({
id: options.id,
})
that.getPicInfo() //請求服務器
},
// 開始播放
listenerButtonPlay: function (src) {
var that = this
console.log(src)
bgMusic.src = src;
bgMusic.onTimeUpdate(() => { //監(jiān)聽音頻播放進度
console.log(bgMusic.currentTime)
})
bgMusic.onEnded(() => { //監(jiān)聽音樂自然播放結束
console.log("音樂播放結束");
that.listenerButtonPlay(that.data.musicMsg.mp3)
})
bgMusic.play(); //播放音樂
},
getPicInfo() {
var that = this
wx.request({
url: 'https://xxxxx.xxxxx.com/1.json?id=' + that.data.id,
header: {
'content-type': 'application/json'
},
method: 'GET',
success: function (res) {
that.listenerButtonPlay(res.data.data.mp3) //成功回調執(zhí)行播放音樂
that.setData({
musicMsg: res.data.data, //賦值對象
})
}
})
},
onUnload() {
var that = this
that.listenerButtonStop()//頁面卸載時停止播放
console.log("離開")
},
//暫停
audioPause: function () {
var that = this
bgMusic.pause(); //暫停播放音樂
console.log('暫停')
},
audioPlay: function () {
var that = this
bgMusic.play(); //停止播放
console.log('繼續(xù)播放')
},
//停止播放
listenerButtonStop: function () {
bgMusic.stop()
},
})
以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持創(chuàng)新互聯(lián)。
網頁題目:微信小程序背景音樂開發(fā)詳解
網站URL:http://chinadenli.net/article42/ipcjhc.html
成都網站建設公司_創(chuàng)新互聯(lián),為您提供小程序開發(fā)、建站公司、搜索引擎優(yōu)化、自適應網站、品牌網站建設、商城網站
聲明:本網站發(fā)布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯(lián)