亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

微信小程序背景音樂(lè)開(kāi)發(fā)詳解

 更新時(shí)間:2019年12月12日 09:51:44   作者:前端_李嘉豪  
這篇文章主要介紹了微信小程序背景音樂(lè)開(kāi)發(fā)詳解,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧

wx.getBackgroundAudioManager() 

推薦大家使用背景音樂(lè)不在使用audio

audio播放音頻加載時(shí)間長(zhǎng) 體驗(yàn)需求達(dá)不到

相關(guān)文檔

https://developers.weixin.qq.com/miniprogram/dev/api/media/background-audio/BackgroundAudioManager.html

相關(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)建(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
  • three.js快速入門(mén)【推薦】

    three.js快速入門(mén)【推薦】

    本文主要介紹了three.js的基礎(chǔ)知識(shí)。具有一定的參考價(jià)值,下面跟著小編一起來(lái)看下吧
    2017-01-01
  • JavaScrip實(shí)現(xiàn)PHP print_r的數(shù)功能(三種方法)

    JavaScrip實(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-11
  • 在父頁(yè)面調(diào)用子頁(yè)面的JS方法

    在父頁(yè)面調(diào)用子頁(yè)面的JS方法

    這篇文章介紹了在父頁(yè)面調(diào)用子頁(yè)面的JS方法,有需要的朋友可以參考一下
    2013-09-09
  • JS中動(dòng)態(tài)添加事件(綁定事件)的代碼

    JS中動(dòng)態(tài)添加事件(綁定事件)的代碼

    有時(shí)候?yàn)榱烁玫膶?shí)現(xiàn)代碼分離,不用把時(shí)間直接寫(xiě)到代碼中。通過(guò)動(dòng)態(tài)綁定事件即可。
    2011-01-01
  • 5個(gè)書(shū)寫(xiě)JavaScript代碼的壞習(xí)慣,看看你中槍了沒(méi)?

    5個(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
  • 文字垂直滾動(dòng)之javascript代碼

    文字垂直滾動(dòng)之javascript代碼

    這篇文章主要應(yīng)用javascript代碼實(shí)現(xiàn)文字垂直滾動(dòng)的效果,需要的朋友可以參考下
    2015-07-07
  • Webpack按需加載打包c(diǎn)hunk命名的方法

    Webpack按需加載打包c(diǎn)hunk命名的方法

    這篇文章主要給大家介紹了關(guān)于Webpack按需加載打包c(diǎn)hunk命名的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家學(xué)習(xí)或者使用Webpack具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
    2019-09-09
  • js中的閉包實(shí)例展示

    js中的閉包實(shí)例展示

    閉包是js中的一大特色,也是一大難點(diǎn)。下面這篇文章主要給大家介紹了關(guān)于js中閉包的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家學(xué)習(xí)或者使用js具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面來(lái)一起看看吧
    2018-11-11

最新評(píng)論