feat(player): pause state on space key pressed

stephane-r · Oct 31, 2023 · 03b3f7f · 03b3f7f
1 parent 2e3c261
commit 03b3f7f
Showing 1 changed file with 18 additions and 0 deletions.
diff --git a/src/components/PlayerAudio.tsx b/src/components/PlayerAudio.tsx
@@ -14,6 +14,7 @@ import { usePreviousNextVideos } from "../providers/PreviousNextTrack";
 import { displayTimeBySeconds } from "../utils/displayTimeBySeconds";
 import { showNotification } from "@mantine/notifications";
 import { useTranslation } from "react-i18next";
+import { useHotkeys } from "@mantine/hooks";
 
 export const PlayerAudio = memo(() => {
   const playerAudio = usePlayerAudio();
@@ -26,6 +27,23 @@ export const PlayerAudio = memo(() => {
   const setPlayerMode = useSetPlayerMode();
   const { t } = useTranslation();
 
+  const handlePressSpace = () => {
+    // @ts-ignore
+    const audio = playerAudio?.current?.audioEl.current as HTMLAudioElement;
+
+    if (playerState.paused) {
+      audio.play();
+      handlePlay();
+    } else {
+      audio.pause();
+      handlePause();
+    }
+  }
+
+  useHotkeys([
+    ['space', handlePressSpace],
+  ]);
+
   const handlePause = () => {
     setPlayerState((previousState) => ({
       ...previousState,