微信小程序播放背景音乐，关闭背景音乐的操作

---

多读多写多记录，多学多练多思考。----------- Grapefruit.Banuit Gang(香柚帮)

---

微信小程序打开某个页面播放背景音乐，离开此页面时关闭背景音乐

一、首先在app.json中配置一下

{
  "pages": [
    "pages/index/index"
  ],
  "requiredBackgroundModes":["audio"],
}

二、要在哪一个页面中播放背景音乐，就在哪个页面的js文件下进行操作，wxml中不做任何操作

Page({
  /**
   * 页面的初始数据
   */
  data: {

  },
  player(audio) {
    var that = this
    //title不写或放空会报错哦，即使不报错ios系统会不播放，所以必须加
    audio.title = '瞬间的永恒'

    //这点需知微信小程序上线不能超过2M,音乐文件会很大，所以要放在服务器上才可以
    audio.src = '音乐文件在服务器上的地址'
    
    //音乐播放结束后继续播放此音乐，循环不停的播放
    audio.onEnded(() => {
      that.player(wx.getBackgroundAudioManager())
    })
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function () {
    //页面加载播放音乐
    this.player(wx.getBackgroundAudioManager())
  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function() {
    //离开页面是停止播放音乐
    wx.getBackgroundAudioManager().stop();
  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function() {

  },
  onPageScroll: function(ev) {

  }
})

ok,这样写只要title写了并且不为空ios也是正常的哦，就这些了，希望能帮助到一些朋友吧！！！有问题再留言！