react-native-video 只播放视频的前几秒

Question

有人知道如何只播放前几秒，然后在 react-native 视频中重复播放吗？

我有一个显示用户所有视频的个人资料页面。目前正在播放整个视频，但我只想要前几秒（类似于 Tiktok）。

Answer 1

那样做是没有意义的。可能 TikTok 花了“五秒钟”并使用 GIFIFY (https://github.com/jclem/gifify) 之类的东西将其转换为 GIF。如果有人让我这样做，我一定会这样做。

编辑：我认为您可以创建一个仅显示 X 秒的 code/component，我认为这是可能的

Answer 2

如果你只想循环前几秒，只需添加一个 onProgress 并在经过特定秒后发送回开始秒：

class Video extends Component {
  render() {

      const {source, YOUR_VARIABLE_FOR_SECONDS} = this.props;
     
      return <VideoPlayer
        source={source}
        ref={(ref) => {
          this.player = ref
        }}
        onProgress={({currentTime}) => {
          if (currentTime > YOUR_VARIABLE_FOR_SECONDS) {
            this.player.seek(0)
          }
        }}
      />
    }
}

react-native-video 只播放视频的前几秒

react-native-video only play first few seconds of video

react-native

react-native-video