微信小程序进入页面播放背景音乐，离开页面暂停_微信小程序 切入后台,设置音频处于不播放状态

1、在app.json中配置一下

{
  "pages": [
    "pages/index/index"
  ],
  "requiredBackgroundModes":["audio"],
1
2
3
4
5

2、在要播放音乐的页面js文件中操作

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())
  },
  onShow: function () {
    //页面显示播放音乐
    this.player(wx.getBackgroundAudioManager())
  },
 
  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function() {
    //离开页面是停止播放音乐
    wx.getBackgroundAudioManager().stop();
  },
  /**
   * 生命周期函数--监听页面隐藏
   */
  onHi
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42