summaryrefslogtreecommitdiff
path: root/apps/web/src/components/ui
diff options
context:
space:
mode:
authorHyteq <DerpsDer.es@gmail.com>2025-06-23 09:35:32 +0300
committerHyteq <DerpsDer.es@gmail.com>2025-06-23 09:35:32 +0300
commitf688c7ef5d8b4b97a74162d97508092901311379 (patch)
tree1fd2641f8a549370b2ac2fc0a12348d5bd121820 /apps/web/src/components/ui
parent68864c144221d1cff996c9d7a2499e7b7e741086 (diff)
downloadopencut-f688c7ef5d8b4b97a74162d97508092901311379.tar.gz
fix: video player properly reflecting the edited timeline, video start
Diffstat (limited to 'apps/web/src/components/ui')
-rw-r--r--apps/web/src/components/ui/video-player.tsx6
1 files changed, 5 insertions, 1 deletions
diff --git a/apps/web/src/components/ui/video-player.tsx b/apps/web/src/components/ui/video-player.tsx
index 127cc5db..d31f7113 100644
--- a/apps/web/src/components/ui/video-player.tsx
+++ b/apps/web/src/components/ui/video-player.tsx
@@ -9,9 +9,10 @@ interface VideoPlayerProps {
src: string;
poster?: string;
className?: string;
+ startTime?: number;
}
-export function VideoPlayer({ src, poster, className = "" }: VideoPlayerProps) {
+export function VideoPlayer({ src, poster, className = "", startTime = 0 }: VideoPlayerProps) {
const videoRef = useRef<HTMLVideoElement>(null);
const { isPlaying, currentTime, volume, play, pause, setVolume, setDuration, setCurrentTime } = usePlaybackStore();
@@ -25,6 +26,9 @@ export function VideoPlayer({ src, poster, className = "" }: VideoPlayerProps) {
const handleLoadedMetadata = () => {
setDuration(video.duration);
+ if (startTime > 0) {
+ video.currentTime = startTime;
+ }
};
const handleSeekEvent = (e: CustomEvent) => {