So erhalten Sie die verstrichene Zeit eines Messevideos

Question

Ich verwende das Expo-Video-Player-Paket und möchte die verstrichene Zeit während der Videowiedergabe erhalten.

<ExpoVideoPlayer
    videoProps={{
    resizeMode: Video.RESIZE_MODE_STRETCH,
    source: {
        uri: videoUrl,
        },
    }}
    inFullscreen={false}
    showControlsOnLoad={true}
    videoBackground={"#fff"}
    height={200}
    videoRef={video}
    showFullscreenButton={false}
    playIcon={() => playIcon}
    replayIcon={() => replayIcon}
    pauseIcon={() => pauseIcon}
    sliderColor={"#CE4A52"}
    />

Answer 1

您可以使用onPlaybackStatusUpdate属性。这是一个回调函数，它接收一个PlaybackStatus对象作为参数。

PlaybackStatus对象有一个positionMillis属性，表示播放头当前的位置（以毫秒为单位）。

例如：

<Video
  { ...props }
  onPlaybackStatusUpdate={status => console.log(status.positionMillis)}
/>

要了解更多信息，请参阅Expo AV文档，Expo AV用法，positionMillis属性

Answer 2

为了实现这一点，请在props中调用此函数。

playbackCallBack={(e) => {
    console.log(e.positionMillis)
}

然后，您可以在videoProps属性中使用progressUpdateIntervalMillis: 1000来调整事件触发的频率（以毫秒为单位）。