React Native Video 在 iOS 平台播放 MP3 时设置空字幕轨道的异常问题分析

问题背景

在使用 React Native Video 组件时，开发者在 iOS 平台发现了一个特定场景下的异常行为：当播放 MP3 音频文件并同时设置空的字幕轨道数组（textTracks=[]）时，视频播放器会出现各种异常表现。

问题表现

根据开发者反馈，在 iOS 模拟器（17.4 版本）上，当同时满足以下两个条件时会出现问题：

1. 播放源为 MP3 音频文件
2. 设置了空的字幕轨道数组（textTracks=[]）

具体异常表现包括：

• 在示例应用中，会记录错误日志并自动导航回第一个视频源
• 在某些应用中，onProgress 回调会被错误地触发，报告当前时间等于视频结束时间
• 在 Expo 应用中，播放器会显示无限加载状态

技术分析

从技术角度来看，这个问题源于 iOS 原生平台 AVFoundation 框架对 MP3 文件和字幕轨道的处理方式。当开发者尝试为不支持字幕的音频格式（如 MP3）设置字幕轨道时，AVFoundation 会抛出错误。

错误日志显示的具体错误信息为：

{
  "error": {
    "domain": "AVFoundationErrorDomain",
    "localizedFailureReason": "This media format is not supported.",
    "localizedDescription": "Cannot Open",
    "code": -11828,
    "localizedRecoverySuggestion": ""
  },
  "target": 3
}

这个错误表明 AVFoundation 无法打开指定的媒体格式，因为 MP3 本身不支持字幕轨道。

解决方案

目前推荐的解决方案有以下几种：

1. 条件性设置 textTracks 属性：在播放纯音频文件时，不设置 textTracks 属性或将其设为 undefined

   textTracks={isAudioOnly ? undefined : []}
   

2. 错误处理：在应用中添加适当的错误处理逻辑，捕获并处理 AVFoundation 抛出的错误

3. 类型检查：在设置 textTracks 前检查媒体类型，避免对不支持字幕的格式设置字幕轨道

最佳实践建议

1. 媒体格式选择：如果需要支持字幕，优先选择支持字幕的容器格式（如 MP4）

2. 属性设置策略：对于纯音频内容，避免设置与视频相关的属性（如 textTracks、poster 等）

3. 平台差异处理：注意 Android 和 iOS 平台在媒体处理上的差异，Android 平台可能不会出现此问题

总结

这个问题揭示了 React Native Video 在处理不同媒体格式和平台特性时需要特别注意的细节。开发者在实现音频播放功能时，应当考虑媒体格式的兼容性和平台特性，合理设置组件属性，并添加适当的错误处理逻辑，以确保应用在各种场景下都能稳定运行。