微信小程序背景音樂開發(fā)詳解
更新時間:2019年12月12日 09:51:44 作者:前端_李嘉豪
這篇文章主要介紹了微信小程序背景音樂開發(fā)詳解,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧
wx.getBackgroundAudioManager()
推薦大家使用背景音樂不在使用audio
audio播放音頻加載時間長 體驗需求達不到
相關文檔
相關代碼
const bgMusic = wx.getBackgroundAudioManager() //創(chuàng)建背景音樂 Page({ data: { id: '',//請求數(shù)據(jù)參數(shù)id musicMsg: {},//接收數(shù)據(jù)對象 }, 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) //成功回調(diào)執(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() }, })
以上就是本文的全部內(nèi)容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。
相關文章
JavaScript?數(shù)據(jù)結構之集合創(chuàng)建(1)
這篇文章主要介紹了JavaScript?數(shù)據(jù)結構之集合創(chuàng)建,集合是由一組無序且唯一的元素組成。數(shù)據(jù)結構中的集合,對應的是數(shù)學概念當中的有限集合;下文詳細介紹需要的小伙伴可以參考一下2022-04-04JavaScrip實現(xiàn)PHP print_r的數(shù)功能(三種方法)
PHP print_r的函數(shù)很好用,可以用來打印數(shù)組、對象等的結構與數(shù)據(jù),可惜JavaScript并沒有原生提供類似的函數(shù)。不過我們可以試著自己來實現(xiàn)這個函數(shù),下面提供一些方法與思路2013-11-11