🔴 Live ▶ (function () { const audio = document.getElementById("xr-audio"); const play = document.getElementById("xr-play"); const volume = document.getElementById("xr-volume"); const fill = document.getElementById("xr-fill"); // Toggle play/pause on button click play.onclick = () => { if (audio.paused) { audio.play(); play.textContent = "⏸"; // pause symbol play.classList.add("is-active"); } else { audio.pause(); play.textContent = "▶"; // play symbol play.classList.remove("is-active"); } }; // Volume control volume.oninput = e => { audio.volume = e.target.value; fill.style.width = (e.target.value * 100) + "%"; }; // Initial volume fill (matches default volume="1") fill.style.width = "100%"; })();