Add kbd shortcut to toggle mute on ShowImages videos

honestbleeps · Jul 2, 2024 · e804618 · e804618
1 parent 1b99cb8
commit e804618
Show file tree

Hide file tree

Showing 3 changed files with 26 additions and 0 deletions.
diff --git a/lib/modules/keyboardNav.js b/lib/modules/keyboardNav.js
@@ -472,6 +472,14 @@ module.options = {
 		title: 'keyboardNavToggleViewImagesTitle',
 		callback() { ShowImages.viewImagesButton().click(); },
 	},
+	toggleMuteVideo: {
+		type: 'keycode',
+		requiresModules: [ShowImages],
+		value: [77, false, false, false, false], // m
+		description: 'keyboardNavToggleMuteVideoDesc',
+		title: 'keyboardNavToggleMuteVideoTitle',
+		callback() { videoToggleMute(); },
+	},
 	toggleChildren: {
 		type: 'keycode',
 		include: ['comments', 'inbox'/* mostly modmail */],
@@ -1172,6 +1180,11 @@ function imageMove(deltaX, deltaY) {
 	ShowImages.move(mostVisible, deltaX, deltaY);
 }
 
+function videoToggleMute() {
+	const mostVisible = getMostVisibleElementInThingByQuery('.res-video-container', ASSERT);
+	ShowImages.toggleMute(mostVisible);
+}
+
 function navigateGallery(direction: 'previous' | 'next') {
 	const gallery = getMostVisibleElementInThingByQuery('.res-gallery', ASSERT);
 	assertElement(gallery.querySelector(`.res-step-${direction}`)).click();

diff --git a/lib/modules/showImages.js b/lib/modules/showImages.js
@@ -2297,3 +2297,10 @@ export function resize(ele: HTMLElement, newWidth: number, newHeight?: number):
 	ele.style.width = `${newWidth}px`;
 	ele.style.maxWidth = ele.style.maxHeight = 'none';
 }
+
+export function toggleMute(ele: HTMLElement): void {
+	const video = downcast(ele.querySelector('video'), HTMLVideoElement);
+	if (video) {
+		video.muted = !video.muted;
+	}
+}
diff --git a/locales/locales/en.json b/locales/locales/en.json
@@ -735,6 +735,12 @@
 	"keyboardNavToggleViewImagesDesc": {
 		"message": "Toggle \"show images\" button."
 	},
+	"keyboardNavToggleMuteVideoTitle": {
+		"message": "Toggle Mute Video"
+	},
+	"keyboardNavToggleMuteVideoDesc": {
+		"message": "Toggle mute/unmute for a video."
+	},
 	"keyboardNavToggleChildrenTitle": {
 		"message": "Toggle Children"
 	},