微信云开发小程序音频播放踩坑记录 - 从熄屏播放到iOS静音

在开发小程序冥想功能时,我们遇到了几个棘手的问题:用户反馈手机熄屏后音频停止、iOS设备播放没声音、冥想音频没有访问计数和CDN缓存优化等。本文将分享这些问题的解决过程和实践经验。

微信小程序简称：Moodo

微信小程序全程：AIMoodo心情日记系统

简介：一款在线的心情记录小程序，同时开通了心情鼓励师、冥想和助眠、心情社区（在建）模块，欢迎大家体验和交流。

问题分析

1. 熄屏停止播放

这是最常见的反馈。用户打开冥想音频,锁屏后发现音频停止了。这是因为小程序默认在进入后台时会暂停音频播放,需要特殊处理。

2. iOS设备播放无声

iOS用户反馈点击播放按钮后,进度条在走但就是听不到声音。这涉及到iOS对音频播放的特殊限制。

3. 实现访问统计

多用户同时打开冥想详情页时,访问计数有时会出现偏差。这是并发访问导致的问题。

4. CDN缓存优化

音频逻辑优化后发现云开发后台CDN流量走的快了。

解决方案

1. 后台播放支持

首先在 app.json 中添加后台播放模式:

{
   
  "requiredBackgroundModes": ["audio"]
}

然后使用 BackgroundAudioManager 替代普通的音频播放:

// 获取后台播放管理器
this.backgroundAudioManager = wx.getBackgroundAudioManager();

// 必要的配置
this.backgroundAudioManager.title = this.data.meditation?.title || '冥想音频';
this.backgroundAudioManager.epname = '冥想';
this.backgroundAudioManager.singer = '冥想助手';
this.backgroundAudioManager.