add hotkeys.js

1 files changed, 32 insertions, 0 deletions

diff --git a/youtube/static/js/hotkeys.js b/youtube/static/js/hotkeys.js
new file mode 100644
index 0000000..45e4333
--- /dev/null
+++ b/youtube/static/js/hotkeys.js
@@ -0,0 +1,32 @@
+Q = document.querySelector.bind(document);
+
+function onKeyDown(e) {
+    if (['INPUT', 'TEXTAREA'].includes(document.activeElement.tagName)) return false;
+
+    console.log(e);
+    let v = Q("video");
+    let c = e.key.toLowerCase();
+    if (c == "k") {
+        v.paused ? v.play() : v.pause();
+    }
+    else if (c == "arrowleft") {
+        e.preventDefault();
+        v.currentTime = v.currentTime - 5;
+    }
+    else if (c == "arrowright") {
+        e.preventDefault();
+        v.currentTime = v.currentTime + 5;
+    }
+    else if (c == "j") {
+        e.preventDefault();
+        v.currentTime = v.currentTime - 10;
+    }
+    else if (c == "l") {
+        e.preventDefault();
+        v.currentTime = v.currentTime + 10;
+    }
+}
+
+window.addEventListener('load', function() {
+    document.addEventListener('keydown', onKeyDown);
+});
\ No newline at end of file