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

Add "t" as shortcut for Theather Mode

Browse source
This commit is contained in:
infiinte-persistence 2021-01-20 16:50:16 +08:00 • committed by Sean Yesmunt
parent a8a26fabd8
commit 855d13e735
2 changed files with 10 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -45,6 +45,7 @@ type Props = {
onPlayerReady: Player => void, onPlayerReady: Player => void,
isAudio: boolean, isAudio: boolean,
startMuted: boolean, startMuted: boolean,
toggleVideoTheaterMode: () => void,
}; };
type VideoJSOptions = { type VideoJSOptions = {
@ -80,6 +81,7 @@ const F11_KEYCODE = 122;
const SPACE_BAR_KEYCODE = 32; const SPACE_BAR_KEYCODE = 32;
const SMALL_F_KEYCODE = 70; const SMALL_F_KEYCODE = 70;
const SMALL_M_KEYCODE = 77; const SMALL_M_KEYCODE = 77;
const SMALL_T_KEYCODE = 84;
const ARROW_LEFT_KEYCODE = 37; const ARROW_LEFT_KEYCODE = 37;
const ARROW_RIGHT_KEYCODE = 39; const ARROW_RIGHT_KEYCODE = 39;
const COMMA_KEYCODE = 188; const COMMA_KEYCODE = 188;
@ -87,6 +89,7 @@ const PERIOD_KEYCODE = 190;
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 SEEK_FORWARD_KEYCODE = ARROW_RIGHT_KEYCODE; const SEEK_FORWARD_KEYCODE = ARROW_RIGHT_KEYCODE;
const SEEK_BACKWARD_KEYCODE = ARROW_LEFT_KEYCODE; const SEEK_BACKWARD_KEYCODE = ARROW_LEFT_KEYCODE;
@ -154,7 +157,7 @@ class LbryVolumeBarClass extends videojs.getComponent(VIDEOJS_VOLUME_BAR_CLASS)
properties for this component should be kept to ONLY those that if changed should REQUIRE an entirely new videojs element properties for this component should be kept to ONLY those that if changed should REQUIRE an entirely new videojs element
*/ */
export default React.memo<Props>(function VideoJs(props: Props) { export default React.memo<Props>(function VideoJs(props: Props) {
const { startMuted, source, sourceType, poster, isAudio, onPlayerReady } = props; const { startMuted, source, sourceType, poster, isAudio, onPlayerReady, toggleVideoTheaterMode } = props;
const [reload, setReload] = useState('initial'); const [reload, setReload] = useState('initial');
let player: ?Player; let player: ?Player;
@ -315,6 +318,11 @@ export default React.memo<Props>(function VideoJs(props: Props) {
player.playbackRate(nextRate); player.playbackRate(nextRate);
} }
} }
// Theater Mode shortcut
if (e.keyCode === THEATER_MODE_KEYCODE) {
toggleVideoTheaterMode();
}
} }
// Create the video element. Note that a new videojs instantiation will happen on *every* render, so do not add props to this component! // Create the video element. Note that a new videojs instantiation will happen on *every* render, so do not add props to this component!

1
ui/component/viewers/videoViewer/view.jsx
View file

@ -225,6 +225,7 @@ function VideoViewer(props: Props) {
sourceType={forcePlayer ? 'video/mp4' : contentType} sourceType={forcePlayer ? 'video/mp4' : contentType}
onPlayerReady={onPlayerReady} onPlayerReady={onPlayerReady}
startMuted={autoplayIfEmbedded} startMuted={autoplayIfEmbedded}
toggleVideoTheaterMode={toggleVideoTheaterMode}
/> />
</div> </div>
); );