From 42f26b1fc05002bee3958750687973ef134f87ec Mon Sep 17 00:00:00 2001
From: Ian Ramzy <ianramzy@gmail.com>
Date: Fri, 3 Apr 2020 21:02:44 -0400
Subject: [PATCH] removed fullscreen, fixed pause video button not update on
 swap

---
 public/chat.html  | 14 ++++----
 public/js/chat.js | 89 ++++++++++++++++++++++++-----------------------
 2 files changed, 53 insertions(+), 50 deletions(-)

diff --git a/public/chat.html b/public/chat.html
index 3fb3488..f1b05cd 100644
--- a/public/chat.html
+++ b/public/chat.html
@@ -44,7 +44,7 @@
     </div>
 
     <p id="remote-video-text"></p>
-    <video id="remote-video" autoplay ondblclick="{openFullscreen()}"></video>
+    <video id="remote-video" autoplay></video>
     <div id="moveable">
       <p id="local-video-text">No webcam input</p>
       <video id="local-video" autoplay muted></video>
@@ -67,12 +67,12 @@
         <div class="HoverState" id="mic-text">Mute</div>
       </div>
 
-      <div class="buttonContainer">
-        <button class="hoverButton" onclick="{openFullscreen()}">
-          <i class="fas fa-compress fa-xs"></i>
-        </button>
-        <div class="HoverState">Fullscreen</div>
-      </div>
+      <!--      <div class="buttonContainer">-->
+      <!--        <button class="hoverButton" onclick="{openFullscreen()}">-->
+      <!--          <i class="fas fa-compress fa-xs"></i>-->
+      <!--        </button>-->
+      <!--        <div class="HoverState">Fullscreen</div>-->
+      <!--      </div>-->
 
       <div class="buttonContainer">
         <button class="hoverButton" onclick="{pauseVideo()}">
diff --git a/public/js/chat.js b/public/js/chat.js
index 77ef012..9ded853 100644
--- a/public/js/chat.js
+++ b/public/js/chat.js
@@ -6,7 +6,7 @@ const browserName = getBrowserName();
 const url = window.location.href;
 const roomHash = url.substring(url.lastIndexOf("/") + 1).toLowerCase();
 var mode = "camera";
-var isFullscreen = false;
+// var isFullscreen = false;
 var sendingCaptions = false;
 var receivingCaptions = false;
 const isWebRTCSupported =
@@ -373,48 +373,48 @@ function windowResized() {
 // Fullscreen
 //
 
-function openFullscreen() {
-  try {
-    // var elem = document.getElementById("remote-video");
-    var elem = document.getElementById("body");
-    if (!isFullscreen) {
-      VideoChat.remoteVideo.classList.add("fullscreen");
-      isFullscreen = true;
-      if (elem.requestFullscreen) {
-        elem.requestFullscreen();
-      } else if (elem.mozRequestFullScreen) {
-        /* Firefox */
-        elem.mozRequestFullScreen();
-      } else if (elem.webkitRequestFullscreen) {
-        /* Chrome, Safari and Opera */
-
-        elem.webkitRequestFullscreen();
-        setTimeout(windowResized, 1000);
-      } else if (elem.msRequestFullscreen) {
-        /* IE/Edge */
-        elem.msRequestFullscreen();
-      }
-    } else {
-      isFullscreen = false;
-      VideoChat.remoteVideo.classList.remove("fullscreen");
-      if (document.exitFullscreen) {
-        document.exitFullscreen();
-      } else if (document.mozCancelFullScreen) {
-        /* Firefox */
-        document.mozCancelFullScreen();
-      } else if (document.webkitExitFullscreen) {
-        /* Chrome, Safari and Opera */
-        document.webkitExitFullscreen();
-      } else if (document.msExitFullscreen) {
-        /* IE/Edge */
-        document.msExitFullscreen();
-      }
-    }
-  } catch (e) {
-    logIt(e);
-  }
-  setTimeout(windowResized, 1000);
-}
+// function openFullscreen() {
+//   try {
+//     // var elem = document.getElementById("remote-video");
+//     var elem = document.getElementById("body");
+//     if (!isFullscreen) {
+//       VideoChat.remoteVideo.classList.add("fullscreen");
+//       isFullscreen = true;
+//       if (elem.requestFullscreen) {
+//         elem.requestFullscreen();
+//       } else if (elem.mozRequestFullScreen) {
+//         /* Firefox */
+//         elem.mozRequestFullScreen();
+//       } else if (elem.webkitRequestFullscreen) {
+//         /* Chrome, Safari and Opera */
+//
+//         elem.webkitRequestFullscreen();
+//         setTimeout(windowResized, 1000);
+//       } else if (elem.msRequestFullscreen) {
+//         /* IE/Edge */
+//         elem.msRequestFullscreen();
+//       }
+//     } else {
+//       isFullscreen = false;
+//       VideoChat.remoteVideo.classList.remove("fullscreen");
+//       if (document.exitFullscreen) {
+//         document.exitFullscreen();
+//       } else if (document.mozCancelFullScreen) {
+//         /* Firefox */
+//         document.mozCancelFullScreen();
+//       } else if (document.webkitExitFullscreen) {
+//         /* Chrome, Safari and Opera */
+//         document.webkitExitFullscreen();
+//       } else if (document.msExitFullscreen) {
+//         /* IE/Edge */
+//         document.msExitFullscreen();
+//       }
+//     }
+//   } catch (e) {
+//     logIt(e);
+//   }
+//   setTimeout(windowResized, 1000);
+// }
 
 //
 // End Fullscreen
@@ -560,6 +560,9 @@ function switchStreamHelper(stream) {
   }
   VideoChat.localStream = videoTrack;
   VideoChat.localVideo.srcObject = stream;
+  if (videoIsPaused) {
+    pauseVideo();
+  }
 }
 
 //