React Native Video组件在iOS平台上的视频尺寸与方向识别问题解析

问题背景

在使用React Native Video组件(v6.0.0版本)处理iOS平台上的视频时，开发者遇到了一个关于视频尺寸和方向识别的关键问题。当通过react-native-image-crop-picker选择竖屏视频后，Video组件的onLoad回调返回的自然尺寸(naturalSize)信息与实际情况相反。

问题现象

具体表现为：

1. 实际视频尺寸为1080x1920(竖屏)
2. 但onLoad回调返回的数据却显示为1920x1080(横屏)
3. 视频在UI上显示和播放正常，但尺寸和方向元数据错误

技术分析

这个问题源于iOS原生层对视频轨道(videoTrack)的自然尺寸(naturalSize)的获取方式。在调试过程中发现：

1. 直接访问_playerItem.presentationSize能获得正确的视频尺寸
2. 但通过videoTrack.naturalSize获取的尺寸信息却被反转了
3. 这导致React Native层接收到的尺寸和方向元数据不准确

解决方案

该问题已在React Native Video组件的6.1.2版本中得到修复。升级到最新版本即可解决此问题。

开发者建议

对于需要处理视频方向的应用，建议：

1. 始终使用最新稳定版的React Native Video组件
2. 对于关键的视频处理功能，应在真实设备上进行充分测试
3. 考虑在应用中添加版本检查逻辑，确保使用修复后的版本
4. 对于无法立即升级的项目，可以暂时通过额外的方向检测逻辑来修正返回的尺寸数据

总结

视频方向处理是移动端开发中的常见挑战，特别是在跨平台场景下。React Native Video组件通过持续更新不断完善这些细节问题。开发者应当关注组件更新日志，及时获取问题修复和功能改进，以确保应用中的视频功能稳定可靠。