From e1a0897cc4566cc777b7ffefcc8835d9338ac315 Mon Sep 17 00:00:00 2001
From: Alexandre Iooss <erdnaxe@crans.org>
Date: Sun, 18 Oct 2020 18:52:41 +0200
Subject: [PATCH] On click, mute and demute player

---
 web/static/css/player.css |  7 +-----
 web/static/js/viewer.js   | 47 ++++++++++++++++++++++-----------------
 2 files changed, 28 insertions(+), 26 deletions(-)

diff --git a/web/static/css/player.css b/web/static/css/player.css
index 41cd687..e79c05d 100644
--- a/web/static/css/player.css
+++ b/web/static/css/player.css
@@ -70,10 +70,5 @@ video {
 
 /* Hide chat toggler on small screen */
 .control-chat {
-  display: none;
-}
-@media(min-width:1000px){
-  .control-chat {
-    display: inline;
-  }
+  display: inline;
 }
diff --git a/web/static/js/viewer.js b/web/static/js/viewer.js
index 906c750..18ebbfc 100644
--- a/web/static/js/viewer.js
+++ b/web/static/js/viewer.js
@@ -74,25 +74,32 @@ startPeerConnection = () => {
     }
 }
 
-// Register keyboard interactions
-window.onkeydown = function (event) {
-    let viewer = document.getElementById("viewer")
-    // Toggle fullscreen mode
-    if (event.key === "f") {
-        if (document.fullscreen)
-            document.exitFullscreen().then()
-        else
-            viewer.requestFullscreen().then()
-    }
-    // (Un)mute the stream
-    else if (event.key === "m") {
-        viewer.muted = !viewer.muted;
-    }
-    // Pause the stream
-    else if (event.key === " ") {
-        if (viewer.paused)
-            viewer.play()
-        else
-            viewer.pause()
+// Register keyboard events
+let viewer = document.getElementById("viewer")
+window.onkeydown = (event) => {
+    switch (event.key) {
+        case 'f':
+            // F key put player in fullscreen
+            if (document.fullscreenElement !== null) {
+                document.exitFullscreen()
+            } else {
+                viewer.requestFullscreen()
+            }
+            break
+        case 'm':
+        case ' ':
+            // M and space key mute player
+            viewer.muted = !viewer.muted
+            break
     }
 }
+
+// On click, mute and demute
+viewer.addEventListener("play", (event) => {
+    event.preventDefault()
+    viewer.muted = !viewer.muted
+})
+viewer.addEventListener("pause", (event) => {
+    event.preventDefault()
+    viewer.muted = !viewer.muted
+})