diff --git a/svelte/src/file_viewer/DetailsWindow.svelte b/svelte/src/file_viewer/DetailsWindow.svelte
index b372d3d..1d70aba 100644
--- a/svelte/src/file_viewer/DetailsWindow.svelte
+++ b/svelte/src/file_viewer/DetailsWindow.svelte
@@ -224,7 +224,6 @@ onMount(() => {
g
Grab file (copy to your account)
-
r
Show abuse report window
@@ -239,8 +238,9 @@ onMount(() => {
Video / audio
space
Pause / resume playback
-
+
+
h
Skip 20 seconds backward
diff --git a/svelte/src/file_viewer/FileViewer.svelte b/svelte/src/file_viewer/FileViewer.svelte
index 4c5db48..6962080 100644
--- a/svelte/src/file_viewer/FileViewer.svelte
+++ b/svelte/src/file_viewer/FileViewer.svelte
@@ -329,6 +329,9 @@ const keyboard_event = evt => {
evt.stopPropagation()
}
break
+ case "m": // M to mute video / audio
+ file_preview.toggle_mute()
+ break
case "h":
file_preview.seek(-20)
break
@@ -369,9 +372,6 @@ const keyboard_event = evt => {
edit_window.toggle()
}
break
- case "m": // M to open the embed window
- embed_window.toggle()
- break
case "g": // G to grab this file
grab_file()
break
@@ -542,7 +542,7 @@ const keyboard_event = evt => {
on:click={embed_window.toggle}
class:button_highlight={embed_visible}>
code
-
Embed
+
Embed
{/if}
diff --git a/svelte/src/file_viewer/viewers/Audio.svelte b/svelte/src/file_viewer/viewers/Audio.svelte
index 15e06c7..e91d1b5 100644
--- a/svelte/src/file_viewer/viewers/Audio.svelte
+++ b/svelte/src/file_viewer/viewers/Audio.svelte
@@ -48,9 +48,8 @@ export const set_file = async f => {
}
}
-export const toggle_playback = () => {
- playing ? player.pause() : player.play()
-}
+export const toggle_playback = () => playing ? player.pause() : player.play()
+export const toggle_mute = () => player.muted = !player.muted
export const seek = delta => {
// fastseek can be pretty imprecise, so we don't use it for small seeks
diff --git a/svelte/src/file_viewer/viewers/FilePreview.svelte b/svelte/src/file_viewer/viewers/FilePreview.svelte
index 8294d54..ec9c7a0 100644
--- a/svelte/src/file_viewer/viewers/FilePreview.svelte
+++ b/svelte/src/file_viewer/viewers/FilePreview.svelte
@@ -57,6 +57,13 @@ export const toggle_playback = () => {
}
return false
}
+export const toggle_mute = () => {
+ if (viewer && viewer.toggle_mute) {
+ viewer.toggle_mute()
+ return true
+ }
+ return false
+}
export const seek = delta => {
if (viewer && viewer.seek) {
viewer.seek(delta)
diff --git a/svelte/src/file_viewer/viewers/Video.svelte b/svelte/src/file_viewer/viewers/Video.svelte
index dc4da89..22291f0 100644
--- a/svelte/src/file_viewer/viewers/Video.svelte
+++ b/svelte/src/file_viewer/viewers/Video.svelte
@@ -47,9 +47,8 @@ export const set_file = async f => {
}
}
-export const toggle_playback = () => {
- playing ? player.pause() : player.play()
-}
+export const toggle_playback = () => playing ? player.pause() : player.play()
+export const toggle_mute = () => player.muted = !player.muted
export const seek = delta => {
// fastseek can be pretty imprecise, so we don't use it for small seeks
@@ -74,13 +73,6 @@ onMount(() => {
const download = () => { dispatch("download", {}) }
-const mute = () => {
- if (player.muted) {
- player.muted = false
- } else {
- player.muted = true
- }
-}
const fullscreen = () => {
if (document.fullscreenElement === null) {
@@ -178,7 +170,7 @@ const video_keydown = e => {
{/if}
-