From ed6ab6cd5b6fec5f8e7d7cbcaa5224393729164e Mon Sep 17 00:00:00 2001 From: Hyteq Date: Mon, 23 Jun 2025 09:18:15 +0300 Subject: feat: cleaned up video player, added functionality, zooming in/out, timeline position viewer, keyboard controls --- apps/web/src/hooks/use-playback-controls.ts | 18 ++++++++++++++++++ 1 file changed, 18 insertions(+) create mode 100644 apps/web/src/hooks/use-playback-controls.ts (limited to 'apps/web/src/hooks') diff --git a/apps/web/src/hooks/use-playback-controls.ts b/apps/web/src/hooks/use-playback-controls.ts new file mode 100644 index 00000000..5742e272 --- /dev/null +++ b/apps/web/src/hooks/use-playback-controls.ts @@ -0,0 +1,18 @@ +import { useEffect } from "react"; +import { usePlaybackStore } from "@/stores/playback-store"; + +export function usePlaybackControls() { + const { toggle } = usePlaybackStore(); + + useEffect(() => { + const handleKeyDown = (e: KeyboardEvent) => { + if (e.code === "Space" && e.target === document.body) { + e.preventDefault(); + toggle(); + } + }; + + document.addEventListener("keydown", handleKeyDown); + return () => document.removeEventListener("keydown", handleKeyDown); + }, [toggle]); +} \ No newline at end of file -- cgit v1.3.1