Auto commit: 2026-02-16T21:12:06.510Z

This commit is contained in:
Flatlogic Bot 2026-02-16 21:12:06 +00:00
parent 857ed25b65
commit d6f579f4fe

View File

@ -862,7 +862,11 @@ $facebook_link = "https://www.facebook.com/profile.php?id=61587890927489";
<div class="track-info">
<span class="track-label">ESTÁS ESCUCHANDO:</span>
<div id="track-title" class="track-title">Cargando stream...</div>
<div class="track-status">EN VIVO</div>
<div id="track-artist" class="track-artist" style="font-size: 0.95rem; font-weight: 600; opacity: 0.8; color: var(--primary-color); text-transform: uppercase; letter-spacing: 1px; margin-top: 2px;">Lili Records Radio</div>
<div class="track-status" style="margin-top: 5px; display: flex; align-items: center; gap: 5px; font-size: 0.75rem;">
<span style="width: 8px; height: 8px; background: #ff4444; border-radius: 50%; display: inline-block; animation: pulse 1.5s infinite;"></span>
EN VIVO
</div>
</div>
<button id="like-song-btn" onclick="likeSong()" style="background: none; border: none; color: #ff4444; font-size: 1.8rem; cursor: pointer; transition: transform 0.2s; display: flex; align-items: center; gap: 5px;">
<i class="bi bi-heart"></i>
@ -1003,6 +1007,7 @@ $facebook_link = "https://www.facebook.com/profile.php?id=61587890927489";
const playBtn = document.getElementById('play-pause');
const playIcon = document.getElementById('play-icon');
const trackTitle = document.getElementById('track-title');
const trackArtist = document.getElementById('track-artist');
const trackCover = document.getElementById('track-cover');
const coverPlaceholder = document.getElementById('cover-placeholder');
const visualizerContainer = document.getElementById('audio-visualizer');
@ -1648,7 +1653,6 @@ $facebook_link = "https://www.facebook.com/profile.php?id=61587890927489";
// Fetch Now Playing Metadata from RadioKing
async function updateMetadata() {
try {
// Using the more reliable widget API endpoint
const response = await fetch('https://www.radioking.com/widgets/api/v1/radio/828046/track/current');
const data = await response.json();
@ -1657,18 +1661,16 @@ $facebook_link = "https://www.facebook.com/profile.php?id=61587890927489";
const artist = data.artist || 'Lili Records';
const coverUrl = data.cover || './assets/pasted-20260215-163754-def41f49.png';
// Clean up title if it contains artist
let fullDisplay = title.includes(artist) ? title : `${artist} - ${title}`;
const fullDisplay = title.includes(artist) ? title : `${artist} - ${title}`;
if (trackTitle.textContent !== fullDisplay) {
if (trackTitle.textContent !== title || (trackArtist && trackArtist.textContent !== artist)) {
// Add previous song to history before changing
if (trackTitle.textContent !== "Cargando stream..." && trackTitle.textContent !== "Lili Records Radio - En Vivo") {
const prevTrack = {
title: trackTitle.textContent,
title: trackTitle.textContent + (trackArtist ? ' - ' + trackArtist.textContent : ''),
cover: trackCover.src,
likes: document.getElementById('like-count').innerText || '0'
};
// Avoid duplicates
if (recentTracks.length === 0 || recentTracks[0].title !== prevTrack.title) {
recentTracks.unshift(prevTrack);
if (recentTracks.length > 5) recentTracks.pop();
@ -1678,6 +1680,7 @@ $facebook_link = "https://www.facebook.com/profile.php?id=61587890927489";
}
trackTitle.style.opacity = '0';
if (trackArtist) trackArtist.style.opacity = '0';
if (trackCover) trackCover.style.opacity = '0';
// Reset Like Button
@ -1691,8 +1694,11 @@ $facebook_link = "https://www.facebook.com/profile.php?id=61587890927489";
trackTitle.classList.remove('scrolling');
setTimeout(async () => {
trackTitle.textContent = fullDisplay;
trackTitle.textContent = title;
if (trackArtist) trackArtist.textContent = artist;
trackTitle.style.opacity = '1';
if (trackArtist) trackArtist.style.opacity = '0.8';
if (trackCover) {
trackCover.src = coverUrl;
@ -1713,8 +1719,7 @@ $facebook_link = "https://www.facebook.com/profile.php?id=61587890927489";
// Check if scrolling is needed
if (trackTitle.scrollWidth > trackTitle.clientWidth) {
trackTitle.classList.add('scrolling');
// Double the text for seamless loop
trackTitle.innerHTML = `<span>${fullDisplay} &nbsp;&nbsp;&nbsp;&nbsp; ${fullDisplay} &nbsp;&nbsp;&nbsp;&nbsp;</span>`;
trackTitle.innerHTML = `<span>${title} &nbsp;&nbsp;&nbsp;&nbsp; ${title} &nbsp;&nbsp;&nbsp;&nbsp;</span>`;
}
}, 500);
}