LBRYFoundation/lbry-desktop
1
0
Fork 0
mirror of https://github.com/LBRYFoundation/lbry-desktop.git synced 2025-09-01 09:45:10 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

improve keyboard shortcuts

Browse source
This commit is contained in:
r0ckinn 2021-03-19 16:41:22 -03:00 • committed by Sean Yesmunt
parent ede83f358d
commit 6b3dce0450
1 changed files with 21 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
ui/component/viewers/videoViewer/internal/videojs.jsx
View file

@ -89,14 +89,21 @@ const ARROW_LEFT_KEYCODE = 37;
const ARROW_RIGHT_KEYCODE = 39; const ARROW_RIGHT_KEYCODE = 39;
const COMMA_KEYCODE = 188; const COMMA_KEYCODE = 188;
const PERIOD_KEYCODE = 190; const PERIOD_KEYCODE = 190;
const SMALL_J_KEYCODE = 74;
const SMALL_K_KEYCODE = 75;
const SMALL_L_KEYCODE = 76;
const FULLSCREEN_KEYCODE = SMALL_F_KEYCODE; const FULLSCREEN_KEYCODE = SMALL_F_KEYCODE;
const MUTE_KEYCODE = SMALL_M_KEYCODE; const MUTE_KEYCODE = SMALL_M_KEYCODE;
const THEATER_MODE_KEYCODE = SMALL_T_KEYCODE; const THEATER_MODE_KEYCODE = SMALL_T_KEYCODE;
const SEEK_FORWARD_KEYCODE = ARROW_RIGHT_KEYCODE; const SEEK_FORWARD_KEYCODE = SMALL_L_KEYCODE;
const SEEK_BACKWARD_KEYCODE = ARROW_LEFT_KEYCODE; const SEEK_BACKWARD_KEYCODE = SMALL_J_KEYCODE;
const SEEK_FORWARD_KEYCODE_5 = ARROW_RIGHT_KEYCODE;
const SEEK_BACKWARD_KEYCODE_5 = ARROW_LEFT_KEYCODE;
const SEEK_STEP_5 = 5;
const SEEK_STEP = 10; // time to seek in seconds const SEEK_STEP = 10; // time to seek in seconds
if (!Object.keys(videojs.getPlugins()).includes('eventTracking')) { if (!Object.keys(videojs.getPlugins()).includes('eventTracking')) {
@ -334,7 +341,7 @@ export default React.memo<Props>(function VideoJs(props: Props) {
return; return;
} }
if (e.keyCode === SPACE_BAR_KEYCODE) { if (e.keyCode === SPACE_BAR_KEYCODE || e.keyCode === SMALL_K_KEYCODE) {
videoNode.paused ? videoNode.play() : videoNode.pause(); videoNode.paused ? videoNode.play() : videoNode.pause();
} }
@ -366,6 +373,17 @@ export default React.memo<Props>(function VideoJs(props: Props) {
videoNode.currentTime = newDuration < 0 ? 0 : newDuration; videoNode.currentTime = newDuration < 0 ? 0 : newDuration;
OVERLAY.showSeekedOverlay(player, SEEK_STEP, false); OVERLAY.showSeekedOverlay(player, SEEK_STEP, false);
player.userActive(true); player.userActive(true);
}
if (e.keyCode === SEEK_FORWARD_KEYCODE_5) {
const newDuration = currentTime + SEEK_STEP_5;
videoNode.currentTime = newDuration < 0 ? 0 : newDuration;
OVERLAY.showSeekedOverlay(player, SEEK_STEP_5, true);
player.userActive(true);
} else if (e.keyCode === SEEK_BACKWARD_KEYCODE_5) {
const newDuration = currentTime - SEEK_STEP_5;
videoNode.currentTime = newDuration < 0 ? 0 : newDuration;
OVERLAY.showSeekedOverlay(player, SEEK_STEP_5, false);
player.userActive(true);
} }
} }