From 472a68768c48f8cacf08c0c0e56669665a3b9ec7 Mon Sep 17 00:00:00 2001 From: "Alexander \"Arav\" Andreev" Date: Tue, 22 Aug 2023 03:39:29 +0400 Subject: [PATCH] Updated player's JS. --- web/assets/js/main.js | 18 +++++++++--------- 1 file changed, 9 insertions(+), 9 deletions(-) diff --git a/web/assets/js/main.js b/web/assets/js/main.js index aea6541..9519cb6 100644 --- a/web/assets/js/main.js +++ b/web/assets/js/main.js @@ -44,16 +44,19 @@ document.getElementById("btn-update").addEventListener("click", () => { setInterval(updateRadioStatus, 45000); setInterval(updateLastPlayedSong, 45000); -let audio = document.getElementsByTagName("audio")[0]; -let volume = $("volume"); +const audio = document.getElementsByTagName("audio")[0]; +const volume = document.getElementsByName("volume")[0]; const audio_src = audio.childNodes[0].src; audio.hidden = true; audio.volume = parseFloat(volume.value) / 100.0; -document.querySelector("div.player").style.display = "flex"; -$("radio").style.display = "flex"; +document.querySelector("#player div:first-child").style.display = "flex"; +$("player").style.display = "flex"; -$("play").addEventListener("click", e => { +volume.addEventListener("input", e => { + audio.volume = parseFloat(e.target.value) / 100.0; }); + +document.getElementsByName("play")[0].addEventListener("click", e => { if (audio.paused) { audio.src = audio_src; audio.play(); @@ -69,7 +72,4 @@ audio.addEventListener("timeupdate", e => { const s = Math.floor(ct % 60); const m = Math.floor((ct / 60) % 60); const h = Math.floor(ct / 3600); - $("cur-time").textContent = `${h}h ${m}m ${s}s`; }); - -volume.addEventListener("input", e => { - audio.volume = parseFloat(e.target.value) / 100.0; }); + document.getElementsByClassName("elapsed")[0].textContent = `${h}h ${m}m ${s}s`; });