Select Git revision
app.js 19.43 KiB
// Elements
const player = document.getElementById("player");
const audioSource = player.children.item(0);
console.debug(audioSource);
let currentSongTitle = document.getElementById("current-song-title");
let currentSongArtist = document.getElementById("current-song-artist");
let currentSongArt = document.getElementById("current-song-art");
let currentSongElapsed = document.getElementById("elapsed");
let currentSongDuration = document.getElementById("duration");
let currentSongProgress = document.getElementById("progress")
const nextSongTitle = document.getElementById("next-song-title");
const nextSongArtist = document.getElementById("next-song-artist");
const nextSongArt = document.getElementById("next-song-art");
// Important init stuff
let noise = null;
audioSource.src = "assets/audio/noise.wav";
let currentStation = null;
runningInElectron = !!window.metadata;
if (runningInElectron) {
console.error("Running under electron.")
}
// Play/Pause button
const playPauseButton = document.getElementById("playpause");
// Volume stuff
const controlMute = document.getElementById("control_mute");
const controlRealVolume = document.getElementById("control_real_volume");
const controlVolume = document.getElementById("control_volume");
// Handles the volume slider changing.
function setMuteButtonIcon (volume) {
const mutedIcon = "fa-volume-mute";
const silent = "fa-volume-off";
const low = "fa-volume-low";
const high = "fa-volume-high";
if (volume === 0) {
controlMute.innerHTML = `<span class="fa-fw fa-solid ${silent}"></span>`;
} else if (volume <= 50) {
controlMute.innerHTML = `<span class="fa-fw fa-solid ${low}"></span>`;
} else if (volume <= 100) {
controlMute.innerHTML = `<span class="fa-fw fa-solid ${high}"></span>`;
}
controlMute.classList.remove("danger");
if (player.muted) {
controlMute.classList.add("danger");
controlMute.innerHTML = `<span class="fa-fw fa-solid ${mutedIcon}"></span>`;
}
}
function toggleMute () {
player.muted = !player.muted;
setMuteButtonIcon(player.volume);
}