微信小程序中使用 BackgroundAudioManager 判断是否在播放音乐并实现全局状态监控

在开发微信小程序时，需要处理后台音频播放功能，BackgroundAudioManager 是一个非常有用的接口。它允许控制和管理后台音频播放，包括播放、暂停、停止等操作。然而，在实际应用中，可能还需要知道当前是否正在播放音乐，并在整个小程序范围内都能获取到这一状态。

本文将介绍如何通过监听 BackgroundAudioManager 的事件来判断是否正在播放音乐，并实现全局的状态监控。

1. 初始化 BackgroundAudioManager

首先，在小程序的 App.js 文件中初始化 BackgroundAudioManager 并设置初始播放状态：

// App.js
App({
  onLaunch: function() {
    this.backgroundAudioManager = wx.getBackgroundAudioManager();
    
    // 初始化播放状态为 false
    this.isPlaying = false;

    // 监听播放开始事件
    this.backgroundAudioManager.onPlay(() => {
      this.isPlaying = true;
      console.log('音乐开始播放');
    });

    // 监听暂停事件
    this.backgroundAudioManager.onPause(() => {
      this.isPlaying = false;
      console.log('音乐暂停');
    });

    // 监听停止事件
    this.backgroundAudioManager.onStop(() => {
      this.isPlaying = false;
      console.log('音乐停止');
    });

    // 监听播放结束事件
    this.backgroundAudioManager.onEnded(() => {
      this.isPlaying = false;
      console.log('音乐播放结束');
    });
  },

  // 获取当前播放状态的方法
  isMusicPlaying: function() {
    return this.isPlaying;
  }
});

这里我们通过监听 onPlay, onPause, onStop, 和 onEnded 四个事件来更新 isPlaying 状态。这样可以确保无论用户进行何种操作，播放状态都能被准确地追踪。

2. 在页面中检查播放状态

接下来，在任意页面中都可以通过 getApp() 方法获取应用实例，并调用 isMusicPlaying 方法来检查当前音乐是否正在播放。下面是一个简单的例子：

// pages/index/index.js
const app = getApp();

Page({
  onLoad: function() {
    console.log('音乐是否正在播放:', app.isMusicPlaying());
  },

  playMusic: function() {
    const backgroundAudioManager = wx.getBackgroundAudioManager();
    backgroundAudioManager.src = 'your_audio_url'; // 设置音频地址
    backgroundAudioManager.title = '音频标题';
    backgroundAudioManager.epname = '专辑名称';
    backgroundAudioManager.singer = '歌手名称';
    backgroundAudioManager.coverImgUrl = '封面图片url'; // 封面图url
    backgroundAudioManager.play(); // 开始播放
  }
});

playMusic 函数用于启动音频播放。通过调用 app.isMusicPlaying() 可以检查当前音乐是否正在播放。

3. 总结

通过上述步骤，可以轻松地在微信小程序中实现对后台音频播放状态的监控，并且可以在整个小程序生命周期内访问这一状态。这种方法不仅简化了代码逻辑，还提高了用户体验，更加灵活地根据播放状态执行相应的操作。

无论是显示播放/暂停按钮，还是在不同页面间共享播放状态，这种做法都提供了一个简单而有效的解决方案。希望本文能帮助您更好地理解和使用 BackgroundAudioManager 接口，提升您的微信小程序开发体验。