Update behviour of chat and stream reload

AKSW · Apr 17, 2024 · 2265913 · 2265913
1 parent 27014e4
commit 2265913
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 17 deletions.
diff --git a/live/stream.html b/live/stream.html
@@ -100,23 +100,12 @@
 
     <h1>DataWeek 2024 Live Stream</h1>
 
-    <div class="videoWrapper">
+    <div id="videoWrapper" class="videoWrapper">
       <!--
         <iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/3FmUIvFg8QM"
         title="YouTube video player" frameborder="0" allow="accelerometer; autoplay;
         clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
       -->
-
-      <iframe
-        id="videoframe"
-        src="https://www.youtube-nocookie.com/embed/PGC6_xjmWeQ"
-        width="560"
-        height="315"
-        title="YouTube video player"
-        frameborder="0"
-        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
-        allowfullscreen>
-      </iframe>
     </div>
 
     <div id="stream_selection"></div>

diff --git a/resources/js/chat.js b/resources/js/chat.js
@@ -60,10 +60,19 @@ socket.on('server_message', (message) => {
 });
 
 function updateVideo(videoUrl) {
-  let currentUrl = document.getElementById('videoframe').getAttribute("src");
-  if (currentUrl != videoUrl) {
-    document.getElementById('videoframe').setAttribute("src", videoUrl);
-  }
+  let wrapper = document.getElementById('videoWrapper');
+  wrapper.innerHTML = `
+  <iframe
+  id="videoframe"
+  src="${videoUrl}"
+  width="560"
+  height="315"
+  title="YouTube video player"
+  frameborder="0"
+  allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+  allowfullscreen>
+</iframe>
+`
 }
 
 socket.on('streams_update', (streamList) => {
@@ -85,7 +94,6 @@ function zapp(stream_id) {
   const message_box = document.getElementById('message-box');
   message_box.innerHTML = '';
   room_id = stream_id;
-  window.location.hash = "#" + room_id;
   socket.emit('client_zapp', stream_id);
 }