apps/web/src/hooks/use-playback-controls.ts


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
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]);
}