admin/38428-vm
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Auto commit: 2026-02-15T06:08:18.437Z

Browse Source
This commit is contained in:
Flatlogic Bot 2026-02-15 06:08:18 +00:00
parent 2a3fefadf4
commit 7143f004e7
1 changed files with 29 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
index.php
View File

@ -482,6 +482,26 @@ $liveIndex = get_live_index($schedule);
letter-spacing: 0.02em; letter-spacing: 0.02em;
position: relative; position: relative;
z-index: 2; z-index: 2;
margin-top: 1rem;
}
.track-cover {
width: 120px;
height: 120px;
border-radius: 20px;
margin: 0 auto 1.5rem;
display: block;
object-fit: cover;
box-shadow: 0 15px 30px rgba(0,0,0,0.3);
position: relative;
z-index: 2;
border: 1px solid rgba(255, 255, 255, 0.1);
transition: all 0.5s ease;
}
.track-cover:hover {
transform: scale(1.05);
border-color: var(--primary-color);
} }
.play-btn { .play-btn {
@ -661,6 +681,7 @@ $liveIndex = get_live_index($schedule);
<div class="now-playing-container"> <div class="now-playing-container">
<canvas id="visualizer"></canvas> <canvas id="visualizer"></canvas>
<div class="track-status"><span class="live-dot"></span> AL AIRE</div> <div class="track-status"><span class="live-dot"></span> AL AIRE</div>
<img id="track-cover" class="track-cover" src="assets/pasted-20260214-203540-699a2e6a.png" alt="Cover">
<div id="track-title" class="track-title">Conectando...</div> <div id="track-title" class="track-title">Conectando...</div>
</div> </div>
<button class="play-btn" onclick="togglePlay()"><i id="play-icon" class="bi bi-play-fill"></i></button> <button class="play-btn" onclick="togglePlay()"><i id="play-icon" class="bi bi-play-fill"></i></button>
@ -718,6 +739,7 @@ $liveIndex = get_live_index($schedule);
const audio = document.getElementById("radio-audio"); const audio = document.getElementById("radio-audio");
const playIcon = document.getElementById("play-icon"); const playIcon = document.getElementById("play-icon");
const trackTitle = document.getElementById("track-title"); const trackTitle = document.getElementById("track-title");
const trackCover = document.getElementById("track-cover");
const bgContainer = document.querySelector(".background-container"); const bgContainer = document.querySelector(".background-container");
const appContainer = document.querySelector(".app-container"); const appContainer = document.querySelector(".app-container");
const canvas = document.getElementById("visualizer"); const canvas = document.getElementById("visualizer");
@ -954,6 +976,13 @@ $liveIndex = get_live_index($schedule);
const data = await res.json(); const data = await res.json();
if (data && data.title) { if (data && data.title) {
let full = data.artist ? `${data.artist} - ${data.title}` : data.title; let full = data.artist ? `${data.artist} - ${data.title}` : data.title;
if (data.cover) {
trackCover.src = data.cover;
} else {
trackCover.src = "assets/pasted-20260214-203540-699a2e6a.png";
}
if (currentTrackTitle !== full) { if (currentTrackTitle !== full) {
currentTrackTitle = full; currentTrackTitle = full;
trackTitle.textContent = full; trackTitle.textContent = full;