cccb/sanic
cccb/sanic
11
1
Fork 0
Code Issues 5 Pull requests Packages Projects 1 Releases Activity

webshit

Browse source
This commit is contained in:
XenGi 2023-11-07 21:17:20 +01:00
parent 632ece25c9
commit 6669e0ce77
Signed by: xengi
SSH key fingerprint: SHA256:FGp51kRvGOcWnTHiOI39ImwVO4A3fpvR30nPX3LpV7g
1 changed files with 24 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

28
static/index2.html
View file

@ -1,7 +1,9 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html lang="en">
<head> <head>
<style> <meta charset="utf-8">
<title>WebSocket</title>
<style>
body { body {
display: grid; display: grid;
grid-template-columns: 1fr; grid-template-columns: 1fr;
@ -62,7 +64,7 @@
.db .result { .db .result {
grid-area: result; grid-area: result;
} }
</style> </style>
</head> </head>
<body> <body>
<header class="header"> <header class="header">
@ -125,6 +127,24 @@
<div class="tabs"></div> <div class="tabs"></div>
<div class="result"></div> <div class="result"></div>
</section> </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> </body>
</html> </html>