You've already forked RadioPlayer
mirror of
https://github.com/radio95-rnt/RadioPlayer.git
synced 2026-02-26 21:53:54 +01:00
man this api
This commit is contained in:
@@ -33,11 +33,11 @@
|
||||
ul.playlist li.selected{background:rgba(62, 165, 255, 0.305)}
|
||||
.controls{display:flex; gap:8px; margin-top:8px}
|
||||
.two-col{display:flex; gap:8px; align-items:flex-start; height:100%}
|
||||
.box{display:flex; flex-direction:column; gap:8px}
|
||||
.listbox{height:100%; min-height:220px; overflow:auto; border-radius:6px; background:var(--card); padding:8px; font-size:14px}
|
||||
.box{display:flex; flex-direction:column; gap:8px; flex-grow: 1; overflow: hidden;}
|
||||
.listbox{height:100%; min-height:220px; overflow:auto; border-radius:6px; background:var(--card); padding:8px; font-size:14px; scrollbar-width: none;}
|
||||
.listbox div.item{padding:6px; border-radius:6px}
|
||||
.listbox div.item:hover{background:rgba(255,255,255,0.02); cursor:pointer}
|
||||
.listbox div.item.selected{background:rgba(62,166,255,0.08)}
|
||||
.listbox div.item.selected{background:rgba(62, 165, 255, 0.305)}
|
||||
.small{font-size:12px; color:var(--muted)}
|
||||
.row{display:flex; gap:8px; align-items:center}
|
||||
.muted{color:var(--muted); font-size:13px}
|
||||
@@ -107,13 +107,13 @@
|
||||
</div>
|
||||
|
||||
<script>
|
||||
const HOST = "192.168.1.93";
|
||||
const WS_URL = `ws://${HOST}:3001`; // WebSocket endpoint
|
||||
const WS_URL = `ws://192.168.1.93:3001`;
|
||||
|
||||
let ws = null;
|
||||
let reconnectDelay = 1000;
|
||||
let playlist = [];
|
||||
let putQueue = []; // if available via HTTP
|
||||
let lastplaylist_len = 0;
|
||||
let putQueue = [];
|
||||
let currentTrackPath = "";
|
||||
let selectedPlaylistIndex = null;
|
||||
let selectedDir = null;
|
||||
@@ -145,8 +145,7 @@
|
||||
|
||||
ws.addEventListener("message", (evt) => {
|
||||
try {
|
||||
const msg = JSON.parse(evt.data);
|
||||
handleMessage(msg);
|
||||
handleMessage(JSON.parse(evt.data));
|
||||
} catch (e) {
|
||||
console.warn("Bad msg", evt.data);
|
||||
}
|
||||
@@ -165,12 +164,11 @@
|
||||
renderPlaylist();
|
||||
} else if(msg.event === "new_track"){
|
||||
// msg.data contains index, track, next_track
|
||||
const t = msg.data;
|
||||
applyTrackState(t);
|
||||
applyTrackState(msg.data);
|
||||
} else if(msg.event === "progress"){
|
||||
applyProgressState(msg.data);
|
||||
} else if(msg.event === "dirs"){
|
||||
updateDirs(d.dirs);
|
||||
} else if(msg.event === "toplay") {
|
||||
putQueue = msg.response.data;
|
||||
} else if(msg.status || msg.response || msg.error) {
|
||||
// simple ack or response from server for commands
|
||||
console.debug("ws ack", msg);
|
||||
@@ -217,6 +215,8 @@
|
||||
const ul = document.getElementById("playlist-ul");
|
||||
ul.innerHTML = "";
|
||||
let currentIndex = null;
|
||||
if(lastplaylist_len === playlist.length + putQueue.length) return;
|
||||
else lastplaylist_len = playlist.length + putQueue.length;
|
||||
// if server gives index with progress use that, otherwise try infer
|
||||
// We'll ask server for state if needed
|
||||
// Build lines similar to your Tkinter logic
|
||||
@@ -229,9 +229,7 @@
|
||||
li.textContent = `${String(idx).padStart(2,'0')}: ${displayPath}`;
|
||||
li.dataset.path = path;
|
||||
li.dataset.idx = i;
|
||||
li.addEventListener("click", () => {
|
||||
selectPlaylistItem(i, li);
|
||||
});
|
||||
li.addEventListener("click", () => { selectPlaylistItem(i, li); });
|
||||
ul.appendChild(li);
|
||||
});
|
||||
// highlight current: try to find index that matches currentTrackPath
|
||||
@@ -246,11 +244,18 @@
|
||||
// scroll to current
|
||||
if(currentIndex !== null){
|
||||
const el = ul.children[currentIndex];
|
||||
putQueue.forEach(element => {
|
||||
console.log(element)
|
||||
});
|
||||
if(el) el.scrollIntoView({block:'center'});
|
||||
}
|
||||
}
|
||||
|
||||
function selectPlaylistItem(i, el){
|
||||
if(el.classList.contains("selected")) {
|
||||
el.classList.remove("selected");
|
||||
return;
|
||||
}
|
||||
// single-select visual
|
||||
const ul = document.getElementById("playlist-ul");
|
||||
Array.from(ul.children).forEach(c => c.classList.remove("selected"));
|
||||
@@ -262,7 +267,7 @@
|
||||
const dirsBox = document.getElementById("dirs-box");
|
||||
dirsBox.innerHTML = "Loading...";
|
||||
try {
|
||||
// basePath = data.base || "";
|
||||
basePath = payload.base || "";
|
||||
const files = payload.files || [];
|
||||
const dirs = payload.dirs || [];
|
||||
dirsBox.innerHTML = "";
|
||||
@@ -277,7 +282,10 @@
|
||||
const node = document.createElement("div");
|
||||
node.className = "item";
|
||||
node.textContent = f;
|
||||
node.addEventListener("click", () => onDirClicked(f, node));
|
||||
node.addEventListener("click", () => {
|
||||
Array.from(dirsBox.children).forEach(c=>c.classList.remove("selected"));
|
||||
node.classList.add("selected"); selectedSubFile = f;
|
||||
});
|
||||
dirsBox.appendChild(node);
|
||||
});
|
||||
} catch(e) {
|
||||
@@ -364,12 +372,7 @@
|
||||
ws.send(JSON.stringify({action:"request_state", what:"playlist"}));
|
||||
}
|
||||
|
||||
// Post-initialization
|
||||
connectWs();
|
||||
|
||||
// expose for debugging
|
||||
window._radio95 = {connectWs, playlist, updateSubdirFiles};
|
||||
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -22,7 +22,7 @@ async def ws_handler(websocket: ServerConnection, shared_data: dict, imc_q: mult
|
||||
await websocket.send(json.dumps({"event": "state", "data": initial}))
|
||||
|
||||
async for raw in websocket:
|
||||
try: msg = json.loads(raw)
|
||||
try: msg: dict = json.loads(raw)
|
||||
except Exception:
|
||||
await websocket.send(json.dumps({"error": "invalid json"}))
|
||||
continue
|
||||
@@ -50,10 +50,10 @@ async def ws_handler(websocket: ServerConnection, shared_data: dict, imc_q: mult
|
||||
break
|
||||
await asyncio.sleep(0.05)
|
||||
if result is None: await websocket.send(json.dumps({"error": "timeout", "code": 504}))
|
||||
else: await websocket.send(json.dumps({"status": "ok", "response": result}))
|
||||
else: await websocket.send(json.dumps({"status": "ok", "response": result, "event": "toplay"}))
|
||||
elif action == "request_state":
|
||||
# supports requesting specific parts if provided
|
||||
what = msg.get("what")
|
||||
what = msg.get("what", "")
|
||||
try:
|
||||
if what == "playlist": payload = json.loads(shared_data.get("playlist", "[]"))
|
||||
elif what == "track": payload = json.loads(shared_data.get("track", "{}"))
|
||||
@@ -68,24 +68,25 @@ async def ws_handler(websocket: ServerConnection, shared_data: dict, imc_q: mult
|
||||
}
|
||||
except Exception: payload = {}
|
||||
await websocket.send(json.dumps({"event": "state", "data": payload}))
|
||||
else:
|
||||
await websocket.send(json.dumps({"error": "unknown action"}))
|
||||
elif action == "request_dir":
|
||||
what: str = msg.get(what, "")
|
||||
try:
|
||||
dir = Path(MAIN_PATH_DIR, what).resolve()
|
||||
payload = {"files": [i.name for i in list(dir.iterdir()) if i.is_file()], "dirs": [i.name for i in list(dir.iterdir()) if i.is_dir()], "base": str(dir)}
|
||||
except Exception: payload = {}
|
||||
await websocket.send(json.dumps({"event": "state", "data": payload}))
|
||||
else: await websocket.send(json.dumps({"error": "unknown action"}))
|
||||
|
||||
async def broadcast_worker(shared_data: dict, ws_q: multiprocessing.Queue, clients: set):
|
||||
async def broadcast_worker(ws_q: multiprocessing.Queue, clients: set):
|
||||
"""
|
||||
Reads messages from ws_q (a blocking multiprocessing.Queue) using run_in_executor
|
||||
and broadcasts them to all connected clients.
|
||||
"""
|
||||
loop = asyncio.get_event_loop()
|
||||
while True:
|
||||
# blocking get executed in default threadpool so we don't block the event loop
|
||||
msg = await loop.run_in_executor(None, ws_q.get)
|
||||
if msg is None:
|
||||
# sentinel to shut down
|
||||
break
|
||||
# msg expected to be serializable (e.g. {"event": "playlist", "data": ...})
|
||||
if msg is None: break
|
||||
payload = json.dumps(msg)
|
||||
# send concurrently; ignore per-client errors (client may disconnect)
|
||||
if clients:
|
||||
coros = []
|
||||
for ws in list(clients):
|
||||
@@ -94,15 +95,10 @@ async def broadcast_worker(shared_data: dict, ws_q: multiprocessing.Queue, clien
|
||||
|
||||
|
||||
async def _safe_send(ws, payload: str, clients: set):
|
||||
try:
|
||||
await ws.send(payload)
|
||||
try: await ws.send(payload)
|
||||
except Exception:
|
||||
# remove dead websocket
|
||||
try:
|
||||
clients.discard(ws)
|
||||
except Exception:
|
||||
pass
|
||||
|
||||
try: clients.discard(ws)
|
||||
except Exception: pass
|
||||
|
||||
def websocket_server_process(shared_data: dict, imc_q: multiprocessing.Queue, ws_q: multiprocessing.Queue):
|
||||
"""
|
||||
@@ -123,7 +119,7 @@ def websocket_server_process(shared_data: dict, imc_q: multiprocessing.Queue, ws
|
||||
# start server
|
||||
server = await websockets.serve(handler_wrapper, "0.0.0.0", 3001)
|
||||
# background task: broadcast worker
|
||||
broadcaster = asyncio.create_task(broadcast_worker(shared_data, ws_q, clients))
|
||||
broadcaster = asyncio.create_task(broadcast_worker(ws_q, clients))
|
||||
# run forever until server closes
|
||||
await server.wait_closed()
|
||||
# ensure broadcaster stops
|
||||
|
||||
Reference in New Issue
Block a user