React Native Video 在 Android 设备上的 HLS 后台播放问题分析与解决方案

问题背景

React Native Video 是一个流行的 React Native 视频播放组件库。近期在 Android 14 物理设备上发现了一个关于 HLS 流媒体后台播放的重要问题：当应用进入后台时，HLS 直播流会停止播放并显示无限缓冲动画，而音频也会中断。

问题现象

开发者在使用 React Native Video 的示例应用时发现，特定的 HLS 直播流（如新闻直播和无人机直播流）在以下情况下会出现异常：

1. 应用进入后台状态
2. 通知栏中的媒体控制器显示缓冲动画
3. 播放进度条到达终点后不再更新
4. 音频完全中断

要恢复正常播放，用户必须将应用切换到前台，并通过各种操作（如暂停/播放、快进/快退）来"唤醒"播放器。

技术分析

问题特殊性

这个问题有几个值得注意的特点：

1. 仅在物理设备上重现，无法在模拟器或 BrowserStack 等测试平台上复现
2. 仅影响 Android 平台，iOS 上表现正常
3. 在 React Native Video 5.2.0 版本中不存在此问题
4. 影响包含 DVR 和非 DVR 功能的 HLS 流

编解码器差异

通过分析问题流媒体的编解码器信息，发现它们使用了多种 H.264 配置：

• avc1.42c01f: H.264 Baseline profile, level 3.1
• avc1.64001e: H.264 High profile, level 3.0
• avc1.64000b: H.264 High profile, level 1.1
• 音频统一使用 AAC-LC (mp4a.40.2)

相比之下，能正常播放的商业 HLS 流没有在清单文件中声明编解码器信息。

底层原因

经过深入排查，发现问题根源在于 React Native Video 对 ExoPlayer 的处理逻辑。在后台播放状态下，组件未能正确处理 HLS 流的持续缓冲和播放状态维护，导致播放器进入假死状态。

解决方案

该问题已在 React Native Video 6.6.4 版本中通过提交得到修复。核心修复内容包括：

1. 优化了后台播放状态下的缓冲处理逻辑
2. 改进了播放器状态机管理
3. 增强了与 ExoPlayer 的交互稳定性

开发者建议

对于遇到类似问题的开发者，建议：

1. 确保使用最新版本的 React Native Video
2. 对于关键直播应用，实现自定义的后台服务来维持播放
3. 在播放器配置中针对 HLS 流进行特殊优化
4. 在物理设备上进行充分测试，不要依赖模拟器结果

总结

Android 平台上的 HLS 后台播放问题展示了跨平台视频播放的复杂性。React Native Video 团队通过持续优化，解决了这一影响用户体验的关键问题。开发者应当关注组件更新，并在实际设备上验证播放功能，以确保最佳的用户体验。