微信小程序page的生命周期和音频播放及监听实例详解

一、界面的生命周期

  
   onLoad:function(){
     var _this = this
      console.log('index---------onload()')
      
      wx.onBackgroundAudioPlay(function() {
console.log('onBackgroundAudioPlay')
      }),
   
      
      wx.onBackgroundAudioPause(function() {
console.log('onBackgroundAudioPause')
      }),
   
      
      wx.onBackgroundAudioStop(function() {
console.log('onBackgroundAudioStop')
util.playAudio()    
    })
   },
    
   onShow: function() {
    console.log('index---------onShow()')
   },
   
   onReady: function() {
    console.log('index---------onReaday()');
   },
   
   onHide: function() {
    console.log('index---------onHide()')
   },
   
   onUnload: function() {
    console.log('index---------onUnload')
   }    

二、eg：使用播放音乐的系统方法

　　wx.playBackgroundAudio（）

　　需要调用监听音乐的相关操作时，需要在onLoad中进行（在标题一中）

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")
    }
   })
}

三、号外：全局函数的声明使用

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

感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！