1berry/tubearchivist
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add play/pause toggle shortcut key, #898

Browse Source
This commit is contained in:
Simon 2025-06-02 23:36:37 +07:00
parent 58b4e22df4
commit a82e4b1c51
No known key found for this signature in database
GPG Key ID: 2C15AA5E89985DD4
1 changed files with 15 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
frontend/src/components/VideoPlayer.tsx
View File

@ -150,6 +150,7 @@ const VideoPlayer = ({
const resetPlaybackSpeedPressed = useKeyPress('=');
const arrowRightPressed = useKeyPress('ArrowRight');
const arrowLeftPressed = useKeyPress('ArrowLeft');
const pPausedPressed = useKeyPress('p');
const videoId = video.youtube_id;
const videoUrl = video.media_url;
@ -214,6 +215,16 @@ const VideoPlayer = ({
// eslint-disable-next-line react-hooks/exhaustive-deps
}, [mutePressed]);
useEffect(() => {
if (pPausedPressed) {
if (videoRef.current?.paused) {
videoRef.current.play();
} else {
videoRef.current?.pause();
}
}
}, [pPausedPressed]);
useEffect(() => {
if (increasePlaybackSpeedPressed) {
const newSpeed = playbackSpeedIndex + 1;
@ -400,6 +411,10 @@ const VideoPlayer = ({
<td>Show help</td>
<td>?</td>
</tr>
<tr>
<td>Toggle pause play</td>
<td>p</td>
</tr>
<tr>
<td>Toggle mute</td>
<td>m</td>