Support local development of index.html

webroot/index.html

@@ -24,6 +24,7 @@
         autoplay
         controls
         style="width: 100%;"
+        src="https://ia800300.us.archive.org/17/items/BigBuckBunny_124/Content/big_buck_bunny_720p_surround.mp4"
       ></video>
       <div id="app">
         {{ streamStatus }} {{ viewerCount }} {{ 'viewer' | plural(viewerCount) }}.

webroot/js/app.js

@@ -26,7 +26,7 @@ function setupApp() {
     el: "#chatForm",
     data: {
       message: {
-        author: localStorage.author || "Viewer" + (Math.floor(Math.random() * 42) + 1),
+        author: "",//localStorage.author || "Viewer" + (Math.floor(Math.random() * 42) + 1),
         body: ""
       }
     },
@@ -47,7 +47,7 @@ function setupApp() {
 
 
 async function getStatus() {
-  let url = "/status";
+  let url = "https://util.real-ity.com:8042/status";
 
   try {
     let response = await fetch(url);
@@ -67,7 +67,7 @@ async function getStatus() {
 
 function setupWebsocket() {
   const protocol = location.protocol == "https:" ? "wss" : "ws"
-  var ws = new WebSocket(protocol + "://" + location.host + "/entry")
+  var ws = new WebSocket("wss://util.real-ity.com:8042/entry")
   
   ws.onmessage = (e) => {
     var model = JSON.parse(e.data)
@@ -99,9 +99,10 @@ function setupWebsocket() {
 setupApp()
 getStatus()
 setupWebsocket()
-setInterval(getStatus, 5000)
+// setInterval(getStatus, 5000)
 
 // HLS Video setup
+function setupVideo() {
   var video = document.getElementById("video")
   var videoSrc = "hls/stream.m3u8"
   if (Hls.isSupported()) {
@@ -112,6 +113,7 @@ if (Hls.isSupported()) {
       video.play()
     });
   }
+  
   // hls.js is not supported on platforms that do not have Media Source
   // Extensions (MSE) enabled.
   //
@@ -131,6 +133,7 @@ else if (video.canPlayType("application/vnd.apple.mpegurl")) {
       video.play()
     });
   }
+}
 
 function scrollSmoothToBottom(id) {
   var div = document.getElementById(id)