微信小程序背景音樂(lè)開(kāi)發(fā)詳解
wx.getBackgroundAudioManager()
推薦大家使用背景音樂(lè)不在使用audio
audio播放音頻加載時(shí)間長(zhǎng) 體驗(yàn)需求達(dá)不到
相關(guān)文檔
相關(guān)代碼
const bgMusic = wx.getBackgroundAudioManager() //創(chuàng)建背景音樂(lè) Page({ data: { id: '',//請(qǐng)求數(shù)據(jù)參數(shù)id musicMsg: {},//接收數(shù)據(jù)對(duì)象 }, onLoad: function (options) { var that = this that.setData({ id: options.id, }) that.getPicInfo() //請(qǐng)求服務(wù)器 }, // 開(kāi)始播放 listenerButtonPlay: function (src) { var that = this console.log(src) bgMusic.src = src; bgMusic.onTimeUpdate(() => { //監(jiān)聽(tīng)音頻播放進(jìn)度 console.log(bgMusic.currentTime) }) bgMusic.onEnded(() => { //監(jiān)聽(tīng)音樂(lè)自然播放結(jié)束 console.log("音樂(lè)播放結(jié)束"); that.listenerButtonPlay(that.data.musicMsg.mp3) }) bgMusic.play(); //播放音樂(lè) }, 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í)行播放音樂(lè) that.setData({ musicMsg: res.data.data, //賦值對(duì)象 }) } }) }, onUnload() { var that = this that.listenerButtonStop()//頁(yè)面卸載時(shí)停止播放 console.log("離開(kāi)") }, //暫停 audioPause: function () { var that = this bgMusic.pause(); //暫停播放音樂(lè) console.log('暫停') }, audioPlay: function () { var that = this bgMusic.play(); //停止播放 console.log('繼續(xù)播放') }, //停止播放 listenerButtonStop: function () { bgMusic.stop() }, })
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
JavaScript?數(shù)據(jù)結(jié)構(gòu)之集合創(chuàng)建(1)
這篇文章主要介紹了JavaScript?數(shù)據(jù)結(jié)構(gòu)之集合創(chuàng)建,集合是由一組無(wú)序且唯一的元素組成。數(shù)據(jù)結(jié)構(gòu)中的集合,對(duì)應(yīng)的是數(shù)學(xué)概念當(dāng)中的有限集合;下文詳細(xì)介紹需要的小伙伴可以參考一下2022-04-04用javascript做一個(gè)webgame連連看大家看下
2008-01-01JavaScrip實(shí)現(xiàn)PHP print_r的數(shù)功能(三種方法)
PHP print_r的函數(shù)很好用,可以用來(lái)打印數(shù)組、對(duì)象等的結(jié)構(gòu)與數(shù)據(jù),可惜JavaScript并沒(méi)有原生提供類(lèi)似的函數(shù)。不過(guò)我們可以試著自己來(lái)實(shí)現(xiàn)這個(gè)函數(shù),下面提供一些方法與思路2013-11-115個(gè)書(shū)寫(xiě)JavaScript代碼的壞習(xí)慣,看看你中槍了沒(méi)?
這篇文章主要介紹了5個(gè)書(shū)寫(xiě)JavaScript代碼的壞習(xí)慣,看看你中槍了沒(méi)?,本文指出了你沒(méi)有使用命名空間、變量定義的東一個(gè)西一個(gè)、Javascript的變量范圍、Javascript的面向?qū)ο蟆ew關(guān)鍵字等問(wèn)題,需要的朋友可以參考下2014-11-11