Use variable for preview FPS

This commit is contained in:
Nicolas Mowen 2024-04-29 10:11:09 -06:00
parent 75eeb906a7
commit d366bdc268
2 changed files with 5 additions and 4 deletions

View File

@ -23,7 +23,7 @@ import useContextMenu from "@/hooks/use-contextmenu";
import ActivityIndicator from "../indicators/activity-indicator"; import ActivityIndicator from "../indicators/activity-indicator";
import { TimeRange } from "@/types/timeline"; import { TimeRange } from "@/types/timeline";
import { NoThumbSlider } from "../ui/slider"; import { NoThumbSlider } from "../ui/slider";
import { PREVIEW_PADDING } from "@/types/preview"; import { PREVIEW_FPS, PREVIEW_PADDING } from "@/types/preview";
type PreviewPlayerProps = { type PreviewPlayerProps = {
review: ReviewSegment; review: ReviewSegment;
@ -398,7 +398,7 @@ export function VideoPreview({
setManualPlayback(true); setManualPlayback(true);
} else { } else {
playerRef.current.currentTime = playerStartTime; playerRef.current.currentTime = playerStartTime;
playerRef.current.playbackRate = 8; playerRef.current.playbackRate = PREVIEW_FPS;
} }
// we know that these deps are correct // we know that these deps are correct
@ -470,7 +470,7 @@ export function VideoPreview({
playerRef.current.currentTime = playerStartTime + counter; playerRef.current.currentTime = playerStartTime + counter;
counter += 1; counter += 1;
} }
}, 125); }, 1000 / PREVIEW_FPS);
return () => clearInterval(intervalId); return () => clearInterval(intervalId);
// we know that these deps are correct // we know that these deps are correct

View File

@ -8,4 +8,5 @@ export type Preview = {
end: number; end: number;
}; };
export const PREVIEW_PADDING = REVIEW_PADDING * 2; export const PREVIEW_FPS = 8;
export const PREVIEW_PADDING = REVIEW_PADDING * PREVIEW_FPS;