微信小程序Day03 音乐播放API 和媒体播放组件 App.js 全局变量的设置 和获取

目录

0x00 音乐播放API 和 媒体播放组件

                   0x01 App.js

#app.js的生命周期函数

#全局变量的设置 和 获取

---

0x00 音乐播放API 和 媒体播放组件

wx.playBackgroundAudio() 播放音乐

wx.pauseBackgroundAudio（） 停止播放

 onMusicTap:function(){
    var isPlayingMusic = this.data.isPlayingMusic;
    if(!isPlayingMusic){
      var music = this.data.postData.music;
      wx.playBackgroundAudio({
        dataUrl: music.url,
        title:music.title,
        coverImage:music.coverImage
      })
      this.setData({
        "isPlayingMusic":true
      });
    }else{
      wx.pauseBackgroundAudio();
      this.setData({
        "isPlayingMusic":false
      });
    }

  }

wx.onBackgroundAudioPlay（callback）监听音乐播放

wx.onBackgroundAudioPlay(callback) 监听音乐暂停

建议写在onLoad 函数中

    wx.onBackgroundAudioPlay(function(){
      that.setData({
        isPlayingMusic:true
      })
    });
    wx.onBackgroundAudioPause(function(){
      that.setData({
        isPlayingMusic:false
      })
    });

0x01 App.js

#app.js的生命周期函数

App({

  /**
   * 当小程序初始化完成时，会触发 onLaunch（全局只触发一次）
   */
  onLaunch: function () {
    
  },

  /**
   * 当小程序启动，或从后台进入前台显示，会触发 onShow
   */
  onShow: function (options) {
    
  },

  /**
   * 当小程序从前台进入后台，会触发 onHide
   */
  onHide: function () {
    
  },

  /**
   * 当小程序发生脚本错误，或者 api 调用失败时，会触发 onError 并带上错误信息
   */
  onError: function (msg) {
    
  }
})

#全局变量的设置 和 获取

设置 app.js

App({
  globalData:{
    g_isPlayingMusic:false,
  }
})

获取：

var app = getApp();
var globalData = app.globalData;

http://t.yushu.im