Thrimbletrimmer: Add keyboard shortcuts for +/- 1 minute (#520)

This patch adds Shift+Arrow Key keyboard shortcuts to move forward or backwards by 1 minute in Thrimbletrimmer, allowing for faster navigation.

Resolves #509

thrimbletrimmer/edit.html

@@ -30,6 +30,8 @@
 					<li>Number keys (0-9): Jump to that 10% interval of the video (0% - 90%)</li>
 					<li>K or Space: Toggle pause</li>
 					<li>M: Toggle mute</li>
+					<li>Shift+Left arrow: Back 1 minute</li>
+					<li>Shift+Right arrow: Forward 1 minute</li>
 					<li>J: Back 10 seconds</li>
 					<li>L: Forward 10 seconds</li>
 					<li>Left arrow: Back 5 seconds</li>

thrimbletrimmer/index.html

@@ -22,6 +22,8 @@
 					<li>Number keys (0-9): Jump to that 10% interval of the video (0% - 90%)</li>
 					<li>K or Space: Toggle pause</li>
 					<li>M: Toggle mute</li>
+					<li>Shift+Left arrow: Back 1 minute</li>
+					<li>Shift+Right arrow: Forward 1 minute</li>
 					<li>J: Back 10 seconds</li>
 					<li>L: Forward 10 seconds</li>
 					<li>Left arrow: Back 5 seconds</li>

thrimbletrimmer/scripts/keyboard-shortcuts.js

@@ -144,13 +144,25 @@ document.addEventListener("keydown", (event) => {
 		return;
 	}
 
+	if (event.target.classList.contains("jcrop-widget") && (event.key === "ArrowLeft" || event.key === "ArrowRight")) {
+		return;
+	}
+
 	const videoElement = document.getElementById("video");
 	switch (event.key) {
 		case "ArrowLeft":
-			videoElement.currentTime -= 5;
+			if (event.shiftKey) {
+				videoElement.currentTime -= 60;
+			} else {
+				videoElement.currentTime -= 5;
+			}
 			break;
 		case "ArrowRight":
-			videoElement.currentTime += 5;
+			if (event.shiftKey) {
+				videoElement.currentTime += 60;
+			} else {
+				videoElement.currentTime += 5;
+			}
 			break;
 		case "Backspace":
 			event.preventDefault();