微信小程序背景音樂開發(fā)詳解
更新時間:2019年12月12日 09:51:44 作者:前端_李嘉豪
這篇文章主要介紹了微信小程序背景音樂開發(fā)詳解,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
wx.getBackgroundAudioManager()
推薦大家使用背景音樂不在使用audio
audio播放音頻加載時間長 體驗(yàn)需求達(dá)不到
相關(guān)文檔
相關(guān)代碼
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() //請求服務(wù)器 }, // 開始播放 listenerButtonPlay: function (src) { var that = this console.log(src) bgMusic.src = src; bgMusic.onTimeUpdate(() => { //監(jiān)聽音頻播放進(jìn)度 console.log(bgMusic.currentTime) }) bgMusic.onEnded(() => { //監(jiān)聽音樂自然播放結(jié)束 console.log("音樂播放結(jié)束"); 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)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
JavaScript?數(shù)據(jù)結(jié)構(gòu)之集合創(chuàng)建(1)
這篇文章主要介紹了JavaScript?數(shù)據(jù)結(jié)構(gòu)之集合創(chuàng)建,集合是由一組無序且唯一的元素組成。數(shù)據(jù)結(jié)構(gòu)中的集合,對應(yīng)的是數(shù)學(xué)概念當(dāng)中的有限集合;下文詳細(xì)介紹需要的小伙伴可以參考一下2022-04-04JavaScrip實(shí)現(xiàn)PHP print_r的數(shù)功能(三種方法)
PHP print_r的函數(shù)很好用,可以用來打印數(shù)組、對象等的結(jié)構(gòu)與數(shù)據(jù),可惜JavaScript并沒有原生提供類似的函數(shù)。不過我們可以試著自己來實(shí)現(xiàn)這個函數(shù),下面提供一些方法與思路2013-11-115個書寫JavaScript代碼的壞習(xí)慣,看看你中槍了沒?
這篇文章主要介紹了5個書寫JavaScript代碼的壞習(xí)慣,看看你中槍了沒?,本文指出了你沒有使用命名空間、變量定義的東一個西一個、Javascript的變量范圍、Javascript的面向?qū)ο?、new關(guān)鍵字等問題,需要的朋友可以參考下2014-11-11