微信小程序中page生命周期和音頻播放及監(jiān)聽的示例分析

這篇文章給大家分享的是有關(guān)微信小程序中page生命周期和音頻播放及監(jiān)聽的示例分析的內(nèi)容。小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考，一起跟隨小編過來看看吧。

一、界面的生命周期

 /**
   * 監(jiān)聽頁面加載，
   *  頁面加載中
   */ 
   onLoad:function(){
     var _this = this
      console.log('index---------onload()')
      /**
       * 監(jiān)聽音樂播放
       */
      wx.onBackgroundAudioPlay(function() {
       console.log('onBackgroundAudioPlay')
      }),
   
      /**
       * 監(jiān)聽音樂暫停
       */
      wx.onBackgroundAudioPause(function() {
       console.log('onBackgroundAudioPause')
      }),
   
      /**
       * 監(jiān)聽音樂停止
       */
      wx.onBackgroundAudioStop(function() {
       console.log('onBackgroundAudioStop')
       util.playAudio()    
    })
   },
    /**
    * 監(jiān)聽頁面顯示，
    *  當(dāng)從當(dāng)前頁面調(diào)轉(zhuǎn)到另一個(gè)頁面
    *  另一個(gè)頁面銷毀時(shí)會(huì)再次執(zhí)行
    */
   onShow: function() {
    console.log('index---------onShow()')
   },
   /**
    * 監(jiān)聽頁面渲染完成
    *  完成之后不會(huì)在執(zhí)行
    */
   onReady: function() {
    console.log('index---------onReaday()');
   },
   /**
    * 監(jiān)聽頁面隱藏
    *  當(dāng)前頁面調(diào)到另一個(gè)頁面時(shí)會(huì)執(zhí)行
    */
   onHide: function() {
    console.log('index---------onHide()')
   },
   /**
    * 當(dāng)頁面銷毀時(shí)調(diào)用
    */
   onUnload: function() {
    console.log('index---------onUnload')
   }

二、eg：使用播放音樂的系統(tǒng)方法

　　wx.playBackgroundAudio（）

　　需要調(diào)用監(jiān)聽音樂的相關(guān)操作時(shí)，需要在onLoad中進(jìn)行（在標(biāo)題一中）

function playAudio(){
    wx.playBackgroundAudio({
    dataUrl: 'http://m2.music.126.net/oO27f-6XZ2_jMV1gA8wzlA==/1319413953349380.mp3',
    title:'Blue Night',
    coverImgUrl:'http://pic.58pic.com/58pic/15/15/32/43x58PICgE2_1024.jpg',
    success: function(res){
     // success
     console.log("ok")
    },
    fail: function(res) {
     // fail
     console.log("fail")
    },
    complete: function(res) {
     // complete
     console.log("ok")
    }
   })
}

三、號(hào)外：全局函數(shù)的聲明使用

util.playAudio()方法是在文件util.js中，此文件放的是全局函數(shù)！

感謝各位的閱讀！關(guān)于“微信小程序中page生命周期和音頻播放及監(jiān)聽的示例分析”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，讓大家可以學(xué)到更多知識(shí)，如果覺得文章不錯(cuò)，可以把它分享出去讓更多的人看到吧！