Bagaimana untuk mendapatkan masa berlalu video ekspo

Question

Saya menggunakan pakej Expo-Video-Player dan ingin mendapatkan masa yang telah berlalu semasa video sedang dimainkan.

<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

Anda boleh menggunakan onPlaybackStatusUpdate属性。这是一个回调函数，它接收一个PlaybackStatus objek sebagai parameter.

Atribut

PlaybackStatus对象有一个positionMillis, menunjukkan kedudukan semasa kepala main (dalam milisaat).

Contohnya:

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

Untuk mengetahui lebih lanjut, lihat Dokumentasi AV Ekspo, Penggunaan AV Ekspo, positionMillisProperties

Answer 2

Untuk mencapai ini, panggil fungsi ini dalam prop.

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

Anda kemudian boleh menggunakan progressUpdateIntervalMillis: 1000 dalam sifat videoProps untuk melaraskan kekerapan (dalam milisaat) peristiwa itu berlaku.