@@ -81,6 +81,16 @@ export const ReviewPlayer = forwardRef<ReviewPlayerRef, ReviewPlayerProps>(
|
||||
setFps(fps);
|
||||
}, [fps, setFps]);
|
||||
|
||||
// Reset playback state when the source changes so the timeline and
|
||||
// timecode don't briefly show the previous clip's values while the new
|
||||
// video is loading its metadata.
|
||||
useEffect(() => {
|
||||
setCurrentFrame(0);
|
||||
setCurrentTime(0);
|
||||
setDuration(0);
|
||||
setTotalFrames(0);
|
||||
}, [videoUrl, setCurrentFrame, setCurrentTime, setDuration, setTotalFrames]);
|
||||
|
||||
// ── Playback state sync ──────────────────────────────────────────────────
|
||||
const handleTimeUpdate = useCallback(() => {
|
||||
const video = videoRef.current;
|
||||
@@ -269,7 +279,7 @@ export const ReviewPlayer = forwardRef<ReviewPlayerRef, ReviewPlayerProps>(
|
||||
onLoadedMetadata={handleLoadedMetadata}
|
||||
onPlay={handlePlay}
|
||||
onPause={handlePause}
|
||||
preload="metadata"
|
||||
preload="auto"
|
||||
playsInline
|
||||
/>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user