React Native播放iOS Slo-mo视频

时间:2020-09-11 22:08:44

标签: ios react-native video-player react-native-video slowmotion

我正在使用react-native-image-crop-picker(v0.34.1)从iPhone中选择一个慢动作视频。

选择视频后,我正在使用react-native-video(v5.0.2)播放视频。

视频的慢动作效果不会反映在视频的播放中。我找不到有关如何实现此目的的任何信息。谁能指出我正确的方向?

谢谢

2 个答案:

答案 0 :(得分:0)

就像我说的那样,您必须使用它才能达到想要的效果。

尝试一下:

const [rate,setRate] = useState(1);
const durationRef = useRef();
const checkCurrentTime = useCallback(({currentTime}) => {
  const percentagePlayed = currentTime/durationRef.current;
  setRate(percentagePlayed < 0.1 || percentagePlayed > 0.9 ? 1 : 0.2)
},[durationRef]);

return (
   <Video
     ...
     rate={rate}
     onLoad(({duration}) => durationRef.current = duration)
     onProgress={checkCurrentTime}
   />
)

答案 1 :(得分:0)

如果其他任何人遇到此问题,我已经找到了解决此问题的方法。

我已经从使用react-native-image-crop-picker库转换为react-native-cameraroll和react-native-convert-ph-asset组合。这样可以正确提供嵌入在视频剪辑中的slomo数据。