web/video.js
1
0
Fork 0
mirror of https://github.com/videojs/video.js.git synced 2025-01-02 06:32:07 +02:00
Code Releases Activity

feat: global hotkey support

Browse Source
This commit is contained in:
sinaru 2024-11-02 15:34:35 +00:00
parent ecef37c1fc
commit 461bab01f2
1 changed files with 17 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
src/js/player.js
View File

@ -370,6 +370,8 @@ class Player extends Component {
this.boundUpdatePlayerHeightOnAudioOnlyMode_ = (e) => this.updatePlayerHeightOnAudioOnlyMode_(e);
this.boundGlobalKeydown_ = (e) => this.handleGlobalKeydown_(e);
// default isFullscreen_ to false
this.isFullscreen_ = false;
@ -611,6 +613,10 @@ class Player extends Component {
this.on('keydown', (e) => this.handleKeyDown(e));
this.on('languagechange', (e) => this.handleLanguagechange(e));
if (this.isGlobalHotKeysEnabled()) {
Events.on(document.body, 'keydown', this.boundGlobalKeydown_);
}
this.breakpoints(this.options_.breakpoints);
this.responsive(this.options_.responsive);
@ -646,6 +652,7 @@ class Player extends Component {
// Make sure all player-specific document listeners are unbound. This is
Events.off(document, this.fsApi_.fullscreenchange, this.boundDocumentFullscreenChange_);
Events.off(document, 'keydown', this.boundFullWindowOnEscKey_);
Events.off(document.body, 'keydown', this.boundGlobalKeydown_);
if (this.styleEl_ && this.styleEl_.parentNode) {
this.styleEl_.parentNode.removeChild(this.styleEl_);
@ -2247,6 +2254,12 @@ class Player extends Component {
this.trigger('textdata', data);
}
handleGlobalKeydown_(event) {
if (event.target === document.body) {
this.handleKeyDown(event);
}
}
/**
* Get object for cached values.
*
@ -4570,6 +4583,10 @@ class Player extends Component {
this.height(this.audioOnlyCache_.controlBarHeight);
}
isGlobalHotKeysEnabled() {
return !!(this.options_ && this.options_.userActions && this.options_.userActions.globalHotkeys);
}
enableAudioOnlyUI_() {
// Update styling immediately to show the control bar so we can get its height
this.addClass('vjs-audio-only-mode');