Auto commit: 2026-02-16T21:12:06.510Z
This commit is contained in:
parent
857ed25b65
commit
d6f579f4fe
25
index.php
25
index.php
@ -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} ${fullDisplay} </span>`;
|
||||
trackTitle.innerHTML = `<span>${title} ${title} </span>`;
|
||||
}
|
||||
}, 500);
|
||||
}
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user