Cutlery/Kyoo
1
0
Fork 0
mirror of https://github.com/zoriya/Kyoo.git synced 2025-05-24 02:02:36 -04:00
Code Issues Packages Projects Releases Wiki Activity

Fix keyboard bindings

Browse Source
This commit is contained in:
Zoe Roux 2023-01-26 22:41:18 +09:00 committed by Zoe Roux
parent bb4e7b7712
commit bc878a2e90
1 changed files with 36 additions and 35 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

71
front/packages/ui/src/player/keyboard.tsx
View File

@ -107,17 +107,17 @@ export const useVideoKeyboard = (
break; break;
case "ArrowLeft": case "ArrowLeft":
reducer({ type: "seek", value: -5000 }); reducer({ type: "seek", value: -5 });
break; break;
case "ArrowRight": case "ArrowRight":
reducer({ type: "seek", value: +5000 }); reducer({ type: "seek", value: +5 });
break; break;
case "j": case "j":
reducer({ type: "seek", value: -10_000 }); reducer({ type: "seek", value: -10 });
break; break;
case "l": case "l":
reducer({ type: "seek", value: +10_000 }); reducer({ type: "seek", value: +10 });
break; break;
case "ArrowUp": case "ArrowUp":
@ -127,37 +127,6 @@ export const useVideoKeyboard = (
reducer({ type: "volume", value: -5 }); reducer({ type: "volume", value: -5 });
break; break;
case "0":
reducer({ type: "seekPercent", value: 0 });
break;
case "1":
reducer({ type: "seekPercent", value: 10 });
break;
case "2":
reducer({ type: "seekPercent", value: 20 });
break;
case "3":
reducer({ type: "seekPercent", value: 30 });
break;
case "4":
reducer({ type: "seekPercent", value: 40 });
break;
case "5":
reducer({ type: "seekPercent", value: 50 });
break;
case "6":
reducer({ type: "seekPercent", value: 60 });
break;
case "7":
reducer({ type: "seekPercent", value: 70 });
break;
case "8":
reducer({ type: "seekPercent", value: 80 });
break;
case "9":
reducer({ type: "seekPercent", value: 90 });
break;
case "f": case "f":
reducer({ type: "fullscreen" }); reducer({ type: "fullscreen" });
break; break;
@ -181,6 +150,38 @@ export const useVideoKeyboard = (
default: default:
break; break;
} }
switch (event.code) {
case "Digit0":
reducer({ type: "seekPercent", value: 0 });
break;
case "Digit1":
reducer({ type: "seekPercent", value: 10 });
break;
case "Digit2":
reducer({ type: "seekPercent", value: 20 });
break;
case "Digit3":
reducer({ type: "seekPercent", value: 30 });
break;
case "Digit4":
reducer({ type: "seekPercent", value: 40 });
break;
case "Digit5":
reducer({ type: "seekPercent", value: 50 });
break;
case "Digit6":
reducer({ type: "seekPercent", value: 60 });
break;
case "Digit7":
reducer({ type: "seekPercent", value: 70 });
break;
case "Digit8":
reducer({ type: "seekPercent", value: 80 });
break;
case "Digit9":
reducer({ type: "seekPercent", value: 90 });
break;
}
}; };
document.addEventListener("keyup", handler); document.addEventListener("keyup", handler);