Jelenleg szól: …
const socket = io();
const audioPlayer = document.querySelector(‘audio’);
const nowPlaying = document.getElementById(‘now-playing’);
const chatInput = document.getElementById(‘chat-input’);
const chatMessages = document.getElementById(‘chat-messages’);
socket.on(‘metadata’, (data) => {
nowPlaying.textContent = `Jelenleg szól: ${data.artist} – ${data.title}`;
// Ha a stream URL dinamikus lenne, itt frissítenénk az audioPlayer.src-t
// A jelenlegi beállításnál a /stream endpoint adja a folyamatos streamet
});
// Chat üzenetek kezelése
socket.on(‘chat_message’, (msg) => {
const item = document.createElement(‘div’);
item.textContent = msg;
chatMessages.appendChild(item);
chatMessages.scrollTop = chatMessages.scrollHeight; // Görgetés lefelé
});
function sendMessage() {
if (chatInput.value) {
socket.emit(‘chat_message’, chatInput.value);
chatInput.value = ”;
}
}