webshit

2023-11-07 21:17:20 +01:00 · 2023-11-07 21:17:20 +01:00 · 6669e0ce77
parent 632ece25c9
commit 6669e0ce77
1 changed files with 24 additions and 4 deletions
--- a/static/index2.html
+++ b/static/index2.html
@ -1,7 +1,9 @@
 <!DOCTYPE html>
-<html>
+<html lang="en">
 <head>
-<style>
+  <meta charset="utf-8">
+  <title>WebSocket</title>
+  <style>
  body {
    display: grid;
    grid-template-columns: 1fr;
@ -62,7 +64,7 @@
  .db .result {
    grid-area: result;
  }
-</style>
+  </style>
 </head>
 <body>
  <header class="header">
@ -125,6 +127,24 @@
    <div class="tabs"></div>
    <div class="result"></div>
  </section>
-  <footer class="footer"></footer>
+  <footer class="footer">
+    <p id="console"></p>
+  </footer>
+  <script>
+    const loc = window.location;
+    const proto = loc.protocol === "https:" ? "wss:" : "ws:"
+    const ws = new WebSocket(proto + "//" + loc.host + "/ws")
+
+    ws.onopen = function() {
+      console.log("Connected")
+    }
+
+    ws.onmessage = function(evt) {
+      const out = document.getElementById("console");
+      out.innerHTML += evt.data + "<br>";
+      // TODO: react on MPD communication here
+      // TODO: react on yt-dlp communication here
+    }
+  </script>
 </body>
 </html>