style: format static/player/keyboard.ts

This commit is contained in:
2026-06-21 02:04:42 +02:00
committed by Milas Holsting
parent 967c897300
commit 0d343dfff9

View File

@@ -1,5 +1,3 @@
import { state } from "./state";
import { absoluteTimeFromRatio, getBounds } from "./timeline";
import { import {
showControls, showControls,
toggleMute, toggleMute,
@@ -9,21 +7,21 @@ import {
setVolume, setVolume,
} from "./controls"; } from "./controls";
import { saveProgress } from "./progress"; import { saveProgress } from "./progress";
import { state } from "./state";
import { absoluteTimeFromRatio, getBounds } from "./timeline";
/** /** Sets up keyboard shortcuts for player control. Ignores input/textarea to allow typing. */
* Sets up keyboard shortcuts for player control.
* Ignores input/textarea to allow typing.
*/
export const setupKeyboard = (): void => { export const setupKeyboard = (): void => {
document.addEventListener("keydown", (e) => { document.addEventListener("keydown", (e) => {
const target = e.target as HTMLElement; const target = e.target as HTMLElement;
// ignore when typing in form fields // ignore when typing in form fields
if (target.tagName === "INPUT" || target.tagName === "TEXTAREA" || target.isContentEditable) if (target.tagName === "INPUT" || target.tagName === "TEXTAREA" || target.isContentEditable) {
return; return;
}
switch (e.code) { switch (e.code) {
case "Space": case "Space":
case "KeyK": case "KeyK": {
e.preventDefault(); e.preventDefault();
togglePlayPause(); togglePlayPause();
showControls(); showControls();
@@ -31,37 +29,44 @@ export const setupKeyboard = (): void => {
console.error("keyboard progress save failed:", error); console.error("keyboard progress save failed:", error);
}); });
break; break;
}
case "ArrowLeft": case "ArrowLeft":
case "KeyJ": case "KeyJ": {
e.preventDefault(); e.preventDefault();
seekBy(-10); seekBy(-10);
break; break;
}
case "ArrowRight": case "ArrowRight":
case "KeyL": case "KeyL": {
e.preventDefault(); e.preventDefault();
seekBy(10); seekBy(10);
break; break;
case "ArrowUp": }
case "ArrowUp": {
e.preventDefault(); e.preventDefault();
setVolume(state.elements.video.volume + 0.05); setVolume(state.elements.video.volume + 0.05);
showControls(); showControls();
break; break;
case "ArrowDown": }
case "ArrowDown": {
e.preventDefault(); e.preventDefault();
setVolume(state.elements.video.volume - 0.05); setVolume(state.elements.video.volume - 0.05);
showControls(); showControls();
break; break;
case "KeyM": }
case "KeyM": {
e.preventDefault(); e.preventDefault();
toggleMute(); toggleMute();
showControls(); showControls();
break; break;
case "KeyF": }
case "KeyF": {
e.preventDefault(); e.preventDefault();
toggleFullscreen(); toggleFullscreen();
showControls(); showControls();
break; break;
default: }
default: {
// number keys 0-9: jump to 0%-90% of video // number keys 0-9: jump to 0%-90% of video
if (/^\d$/.test(e.key)) { if (/^\d$/.test(e.key)) {
const b = getBounds(); const b = getBounds();
@@ -71,6 +76,7 @@ export const setupKeyboard = (): void => {
showControls(); showControls();
} }
} }
}
} }
}); });
}; };