使用视频的第一帧作为缩略图

Question

我正在使用react-native-video

它有一个名为 poster 的道具，效果很好。但我的要求是从视频（视频的第一帧）中获取缩略图。如果我不使用 poster（接受 url），那么它会显示空白屏幕。

知道如何将视频的第一帧用作缩略图吗？

谢谢！！！

Answer 1

可以使用onLoad函数回调来实现，

const player = useRef(null);

<Video
  source={{uri: uri}}
  ref={player}
  paused={true}
  style={styles.backgroundVideo}
  onLoad={() => {
    player.current.seek(0); // this will set first frame of video as thumbnail
  }}
/>

有关 onLoad 道具的更多详细信息：here