◈
Préchargement
@@ -107,6 +121,33 @@
document.getElementById("stationName").textContent = "◈ " + STATION_NAME;
document.getElementById("pageTitle").textContent = STATION_NAME;
+ // Fond aléatoire repris de l'écran de connexion Navidrome : on récupère la
+ // liste de leur galerie (index.yml, CORS ouvert), on tire un nom au hasard
+ // et on sert la version .webp depuis leur CDN — même logique que Navidrome,
+ // qui retire l'extension du nom listé. On précharge l'image avant de
+ // l'afficher pour éviter tout flash, et on ignore silencieusement les
+ // échecs (le dégradé du body reste alors le fond).
+ (async () => {
+ const BASE = "https://www.navidrome.org/images/";
+ try {
+ const r = await fetch(BASE + "index.yml", { cache: "no-store" });
+ const names = (await r.text())
+ .split("\n")
+ .map((l) => l.replace(/^\s*-\s*/, "").trim())
+ .filter(Boolean);
+ if (!names.length) return;
+ const name = names[Math.floor(Math.random() * names.length)];
+ const url = BASE + name.replace(/\.[^.]+$/, "") + ".webp";
+ const img = new Image();
+ img.onload = () => {
+ const bg = document.getElementById("bg");
+ bg.style.backgroundImage = `url("${url}")`;
+ bg.classList.add("loaded");
+ };
+ img.src = url;
+ } catch (e) { /* pas de fond : on garde le dégradé */ }
+ })();
+
const titleEl = document.getElementById("title");
const artistEl = document.getElementById("artist");
const npLabel = document.getElementById("npLabel");