mirrors/jellyfin-web
1
0
Fork 0
mirror of https://github.com/jellyfin/jellyfin-web synced 2025-03-30 19:56:21 +00:00
Code Activity

Add playback control from TV remote. #303

Browse source
This commit is contained in:
Dmitry Lyzo 2020-01-17 12:05:56 +03:00
parent 12da467cfa
commit 80c8ea6a48
1 changed files with 86 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

99
src/components/keyboardnavigation.js
View file

@ -1,35 +1,108 @@
define(['inputManager', 'focusManager'], function(inputManager, focusManager) { define(["inputManager", "layoutManager"], function (inputManager, layoutManager) {
'use strict'; "use strict";
console.log("keyboardnavigation"); console.log("keyboardnavigation");
/**
* Key name mapping.
*/
// Add more to support old browsers
var KeyNames = {
13: "Enter",
19: "Pause",
27: "Escape",
32: "Space",
37: "ArrowLeft",
38: "ArrowUp",
39: "ArrowRight",
40: "ArrowDown",
412: "MediaRewind", // MediaRewind (Tizen/WebOS)
413: "MediaStop", // MediaStop (Tizen/WebOS)
415: "MediaPlay", // MediaPlay (Tizen/WebOS)
417: "MediaFastForward", // MediaFastForward (Tizen/WebOS)
461: "Back", // Back (WebOS)
10009: "Back", // Back (Tizen)
10232: "MediaTrackPrevious", // MediaTrackPrevious (Tizen)
10233: "MediaTrackNext", // MediaTrackNext (Tizen)
10252: "MediaPlayPause" // MediaPlayPause (Tizen)
};
/**
* Returns key name from event.
*
* @param {KeyboardEvent} keyboard event
* @return {string} key name
*/
function getKeyName(event) {
return KeyNames[event.keyCode] || event.key;
}
function enable() { function enable() {
document.addEventListener('keydown', function(e) { document.addEventListener("keydown", function (e) {
var capture = true; var capture = true;
switch (e.keyCode) { switch (getKeyName(e)) {
case 37: // ArrowLeft case "ArrowLeft":
inputManager.handle('left'); inputManager.handle("left");
break; break;
case 38: // ArrowUp case "ArrowUp":
inputManager.handle('up'); inputManager.handle("up");
break; break;
case 39: // ArrowRight case "ArrowRight":
inputManager.handle('right'); inputManager.handle("right");
break; break;
case 40: // ArrowDown case "ArrowDown":
inputManager.handle('down'); inputManager.handle("down");
break; break;
case "Back":
inputManager.handle("back");
break;
case "Escape":
if (layoutManager.tv) {
inputManager.handle("back");
} else {
capture = false;
}
break;
case "MediaPlay":
inputManager.handle("play");
break;
case "Pause":
inputManager.handle("pause");
break;
case "MediaPlayPause":
inputManager.handle("playpause");
break;
case "MediaRewind":
inputManager.handle("rewind");
break;
case "MediaFastForward":
inputManager.handle("fastforward");
break;
case "MediaStop":
inputManager.handle("stop");
break;
case "MediaTrackPrevious":
inputManager.handle("previoustrack");
break;
case "MediaTrackNext":
inputManager.handle("nexttrack");
break;
default: default:
capture = false; capture = false;
} }
if (capture) { if (capture) {
console.log("Disabling default event handling"); console.log("Disabling default event handling");
e.preventDefault(); e.preventDefault();
} }
}); });
} }
return { return {
enable: enable enable: enable
}; };