您好,登錄后才能下訂單哦!
wx.getBackgroundAudioManager()
推薦大家使用背景音樂不在使用audio
audio播放音頻加載時間長 體驗需求達不到
相關文檔
https://developers.weixin.qq.com/miniprogram/dev/api/media/background-audio/BackgroundAudioManager.html
相關代碼
const bgMusic = wx.getBackgroundAudioManager() //創建背景音樂 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(() => { //監聽音頻播放進度 console.log(bgMusic.currentTime) }) bgMusic.onEnded(() => { //監聽音樂自然播放結束 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) //成功回調執行播放音樂 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('繼續播放') }, //停止播放 listenerButtonStop: function () { bgMusic.stop() }, })
以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持億速云。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。