Fix webrtc play event for firefox

mrlt8 · Jun 24, 2024 · 1a42ba4 · 1a42ba4
1 parent 1fdbc3a
commit 1a42ba4
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 10 deletions.
diff --git a/app/static/site.js b/app/static/site.js
@@ -691,9 +691,9 @@ document.addEventListener("DOMContentLoaded", () => {
   }
   // Click to load WebRTC
 
-  document.querySelectorAll('[data-enabled=True] video.webrtc.placeholder').forEach((v) => {
-    v.parentElement.addEventListener("click", () => { loadWebRTC(v, true) }, { "once": true });
-    v.addEventListener('pause', () => { v.removeAttribute('autoplay'); });
+  document.querySelectorAll('[data-enabled=True] video.webrtc.placeholder').forEach((videoElement) => {
+    videoElement.addEventListener("play", () => { loadWebRTC(videoElement) }, { "once": true });
+    videoElement.addEventListener('pause', () => { videoElement.removeAttribute('autoplay'); });
   });
   // Auto-play video
   function autoplay(action) {

diff --git a/app/static/webrtc.js b/app/static/webrtc.js
@@ -138,17 +138,10 @@ class Receiver {
         let vid = document.querySelector(`video[data-cam='${this.signalJson.cam}']`);
         vid.srcObject = event.streams[0];
         vid.autoplay = true;
-        vid.playsInline = true;
         vid.play().catch((err) => {
             console.info('play() error:', err);
         });
     }
-    play(video) {
-        video.autoplay = true;
-        video.playsInline = true;
-        return video.play();
-    }
-
 
     onConnectionStateChange() {
         if (this.restartTimeout !== null) { return; }