40 lines
742 B
HTML
40 lines
742 B
HTML
<html>
|
|
<head>
|
|
<title></title>
|
|
</head>
|
|
|
|
<style>
|
|
#history {
|
|
list-style: none;
|
|
}
|
|
|
|
#history > :first-child {
|
|
font-weight: bold;
|
|
}
|
|
</style>
|
|
|
|
<body>
|
|
<audio controls src="https://radio.anarchyplanet.org:8443/radio.ogg"></audio>
|
|
|
|
<ul id="history">
|
|
</ul>
|
|
|
|
<script>
|
|
var url = 'wss://radio.anarchyplanet.org/ws';
|
|
|
|
var c = new WebSocket(url);
|
|
c.onmessage = function(msg){
|
|
document.title = msg.data;
|
|
|
|
var hist = document.getElementById("history");
|
|
|
|
hist.insertAdjacentHTML("afterbegin", `<li>${msg.data}</li>`);
|
|
|
|
if(hist.childElementCount >= 10) {
|
|
hist.removeChild(hist.lastChild);
|
|
}
|
|
}
|
|
</script>
|
|
</body>
|
|
</html>
|