{dis}connection beeps for sse stream

static/main.html

@@ -53,6 +53,8 @@
     </section>
 
     <audio id="chime" src="indoor.mp3"></audio>
+    <audio id="beep_seek" preload="auto" src="disconnected.mp3"></audio>
+    <audio id="beep_conn" src="connected.mp3"></audio>
     <template id="connected">
       <span class="status connected">Connected</span>
     </template>
@@ -69,6 +71,7 @@
       let reconnect;
       let ping;
 
+      document.getElementById('beep_seek').load();
       connect();
       function connect() {
         console.log('connecting');
@@ -79,10 +82,14 @@
         }
         if (ping) { clearTimeout(ping); }
         sse = new EventSource('events');
+        let beep_seek = document.getElementById('beep_seek');
+        beep_seek.play();
 
         sse.onopen = () => {
           console.log('connected');
           set_status('connected');
+          let beep_conn = document.getElementById('beep_conn');
+          beep_conn.play();
           clearTimeout(reconnect);
           keepalive();