欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

微信小程序背景音樂開發(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)文檔

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

相關(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)建(1)

    這篇文章主要介紹了JavaScript?數(shù)據(jù)結(jié)構(gòu)之集合創(chuàng)建,集合是由一組無序且唯一的元素組成。數(shù)據(jù)結(jié)構(gòu)中的集合,對應(yīng)的是數(shù)學(xué)概念當(dāng)中的有限集合;下文詳細(xì)介紹需要的小伙伴可以參考一下
    2022-04-04
  • three.js快速入門【推薦】

    three.js快速入門【推薦】

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

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

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

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

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

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

    5個書寫JavaScript代碼的壞習(xí)慣,看看你中槍了沒?

    這篇文章主要介紹了5個書寫JavaScript代碼的壞習(xí)慣,看看你中槍了沒?,本文指出了你沒有使用命名空間、變量定義的東一個西一個、Javascript的變量范圍、Javascript的面向?qū)ο?、new關(guān)鍵字等問題,需要的朋友可以參考下
    2014-11-11
  • 文字垂直滾動之javascript代碼

    文字垂直滾動之javascript代碼

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

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

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

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

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

最新評論