mirrors/gst-plugins-rs
mirrors/gst-plugins-rs
1
1
Fork 0
mirror of https://gitlab.freedesktop.org/gstreamer/gst-plugins-rs.git synced 2024-09-24 13:00:12 +00:00
Code Issues Projects Releases Wiki Activity

input: simplify processing of keyboard events

Browse source 
Simply let all keyboard events be consumed when the video element
is in focus, and go through otherwise
This commit is contained in:
Mathieu Duponchelle 2022-06-03 00:07:00 +02:00
parent 3beb712e16
commit f2f71024b6
1 changed files with 1 additions and 47 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

48
www/input.js
View file

@ -74,16 +74,6 @@ class Input {
*/ */
this.lastTouch = 0; this.lastTouch = 0;
/**
* @type {function}
*/
this.onmenuhotkey = null;
/**
* @type {function}
*/
this.onfullscreenhotkey = null;
/** /**
* @type {function} * @type {function}
*/ */
@ -249,40 +239,6 @@ class Input {
event.preventDefault(); event.preventDefault();
} }
/**
* Captures keyboard events to detect pressing of CTRL-SHIFT hotkey.
* @param {KeyboardEvent} event
*/
_key(event) {
// disable problematic browser shortcuts
if (event.code === 'F5' && event.ctrlKey ||
event.code === 'KeyI' && event.ctrlKey && event.shiftKey ||
event.code === 'F11') {
event.preventDefault();
return;
}
// capture menu hotkey
if (event.type === 'keydown' && event.code === 'KeyM' && event.ctrlKey && event.shiftKey) {
if (document.fullscreenElement === null && this.onmenuhotkey !== null) {
this.onmenuhotkey();
event.preventDefault();
}
return;
}
// capture fullscreen hotkey
if (event.type === 'keydown' && event.code === 'KeyF' && event.ctrlKey && event.shiftKey) {
if (document.fullscreenElement === null && this.onfullscreenhotkey !== null) {
this.onfullscreenhotkey();
event.preventDefault();
}
return;
}
}
/** /**
* Sends WebRTC app command to hide the remote pointer when exiting pointer lock. * Sends WebRTC app command to hide the remote pointer when exiting pointer lock.
*/ */
@ -421,8 +377,6 @@ class Input {
this.listeners.push(addListener(this.element, 'wheel', this._wheel, this)); this.listeners.push(addListener(this.element, 'wheel', this._wheel, this));
this.listeners.push(addListener(this.element, 'contextmenu', this._contextMenu, this)); this.listeners.push(addListener(this.element, 'contextmenu', this._contextMenu, this));
this.listeners.push(addListener(this.element.parentElement, 'fullscreenchange', this._onFullscreenChange, this)); this.listeners.push(addListener(this.element.parentElement, 'fullscreenchange', this._onFullscreenChange, this));
this.listeners.push(addListener(window, 'keydown', this._key, this));
this.listeners.push(addListener(window, 'keyup', this._key, this));
this.listeners.push(addListener(window, 'resize', this._windowMath, this)); this.listeners.push(addListener(window, 'resize', this._windowMath, this));
this.listeners.push(addListener(window, 'resize', this._resizeStart, this)); this.listeners.push(addListener(window, 'resize', this._resizeStart, this));
@ -446,7 +400,7 @@ class Input {
}, this)); }, this));
// Using guacamole keyboard because it has the keysym translations. // Using guacamole keyboard because it has the keysym translations.
this.keyboard = new Keyboard(window); this.keyboard = new Keyboard(this.element);
this.keyboard.onkeydown = (keysym, state) => { this.keyboard.onkeydown = (keysym, state) => {
this.send(JSON.stringify( {"event": "KeyPress", "key": keysym, "modifier_state": state})); this.send(JSON.stringify( {"event": "KeyPress", "key": keysym, "modifier_state": state}));
}; };