React Native Video 新增隐藏字幕同时保留文本轨道选择功能

功能背景

React Native Video 作为 React Native 生态中最重要的视频播放组件之一，近期新增了一项重要功能：允许开发者在隐藏字幕显示的同时，仍然能够获取字幕数据。这项功能为视频应用的创新交互提供了更多可能性。

技术实现原理

该功能的核心实现思路是分离字幕的"选择"和"显示"两个操作：

1. iOS 平台：通过 AVPlayerItemLegibleOutput 的 suppressesPlayerRendering 属性控制是否渲染字幕
2. Android 平台：通过设置 SubtitleView 的可见性来控制字幕显示

实际应用场景

这项功能特别适用于以下场景：

1. 体育赛事应用：可以在不显示传统字幕的情况下，获取时间轴数据来展示实时比分
2. 教育类应用：利用隐藏的字幕数据提供额外的学习内容或交互元素
3. 无障碍应用：为视障用户提供音频描述，同时不影响正常用户的观看体验

使用方法示例

开发者可以通过以下方式使用这一新功能：

<Video
  source={{uri: "video-url"}}
  selectedTextTrack={{
    type: "title",
    value: "English",
  }}
  textTrackStyle={{
    opacity: 0 // 设置为0隐藏字幕
  }}
  onTextTrackDataChanged={event => {
    // 处理字幕数据
  }}
/>

技术细节说明

1. 跨平台一致性：虽然 iOS 和 Android 的实现方式不同，但对外提供了统一的 API 接口
2. 性能考量：隐藏渲染但保留数据处理对性能影响极小
3. 兼容性：完全向后兼容，不会影响现有功能

开发者建议

1. 当需要完全禁用字幕时，仍应使用 selectedTextTrack 设为 disabled
2. 对于复杂的字幕数据处理，建议结合 onTextTrackDataChanged 和自定义渲染组件
3. 注意不同平台对 opacity 属性的支持程度可能略有差异

这项功能的加入使得 React Native Video 在多媒体处理能力上又向前迈进了一步，为开发者创造了更多创新的空间。