Auto commit: 2026-02-16T22:29:29.720Z
This commit is contained in:
parent
adfe11a06a
commit
aa442dcd29
92
index.php
92
index.php
@ -862,7 +862,7 @@ $facebook_link = "https://www.facebook.com/profile.php?id=61587890927489";
|
||||
<div id="track-title" class="track-title">Cargando stream...</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;"></span>
|
||||
<span style="width: 8px; height: 8px; background: #ff4444; border-radius: 50%; display: inline-block; animation: pulse 1.5s infinite;"></span>
|
||||
EN VIVO
|
||||
</div>
|
||||
</div>
|
||||
@ -1057,10 +1057,9 @@ $facebook_link = "https://www.facebook.com/profile.php?id=61587890927489";
|
||||
|
||||
// Apply flicker to background
|
||||
if (bg) {
|
||||
const brightness = 1 + (bassIntensity * 0.85); // Ultra punchy
|
||||
const scale = 1 + (bassIntensity * 0.06); // Stronger zoom
|
||||
const saturation = 1 + (bassIntensity * 0.5); // Add color intensity
|
||||
bg.style.filter = `brightness(${brightness}) saturate(${saturation})`;
|
||||
const brightness = 1 + (bassIntensity * 0.3); // Toned down
|
||||
const scale = 1 + (bassIntensity * 0.02); // Toned down zoom
|
||||
bg.style.filter = `brightness(${brightness})`;
|
||||
bg.style.transform = `scale(${scale})`;
|
||||
}
|
||||
|
||||
@ -1114,66 +1113,31 @@ $facebook_link = "https://www.facebook.com/profile.php?id=61587890927489";
|
||||
for(let i=0; i<dataArray.length; i++) sum += dataArray[i];
|
||||
const average = sum / dataArray.length;
|
||||
|
||||
// Aggressive red glow and shake on high volume
|
||||
if (average > 95) {
|
||||
document.documentElement.style.setProperty('--dynamic-glow', 'rgba(255, 0, 0, 0.9)');
|
||||
document.documentElement.style.setProperty('--dynamic-glow-dim', 'rgba(255, 0, 0, 0.5)');
|
||||
document.documentElement.style.setProperty('--card-border-bg', '#ff0000');
|
||||
|
||||
// Physical vibration effect
|
||||
const shakeIntensity = (average - 95) * 0.5;
|
||||
document.documentElement.style.setProperty('--shake-offset-x', `${(Math.random() - 0.5) * shakeIntensity}px`);
|
||||
document.documentElement.style.setProperty('--shake-offset-y', `${(Math.random() - 0.5) * shakeIntensity}px`);
|
||||
|
||||
// Intense scale boost for the card
|
||||
const cardScale = 1 + (average / 255) * 0.04;
|
||||
if (glassCard) glassCard.style.transform = `translate(var(--shake-offset-x), var(--shake-offset-y)) scale(${cardScale})`;
|
||||
|
||||
// Aggressive title effect
|
||||
if (trackTitle) {
|
||||
trackTitle.style.color = '#ff0000';
|
||||
trackTitle.style.textShadow = '0 0 20px #ff0000, 0 0 40px #ff0000';
|
||||
trackTitle.style.transform = `scale(${1 + (average / 255) * 0.12})`;
|
||||
}
|
||||
|
||||
if (trackLabel) {
|
||||
trackLabel.style.color = '#ff0000';
|
||||
trackLabel.style.textShadow = '0 0 10px #ff0000';
|
||||
}
|
||||
|
||||
// Social Icons aggression
|
||||
socialIcons.forEach(icon => {
|
||||
icon.style.backgroundColor = '#ff0000';
|
||||
icon.style.boxShadow = '0 0 30px #ff0000, 0 0 60px rgba(255, 0, 0, 0.6)';
|
||||
icon.style.transform = `translate(${(Math.random() - 0.5) * shakeIntensity * 2}px, ${(Math.random() - 0.5) * shakeIntensity * 2}px) scale(1.15)`;
|
||||
});
|
||||
} else {
|
||||
const dominantHue = (average * 2 + colorOffset) % 360;
|
||||
document.documentElement.style.setProperty('--dynamic-glow', `hsla(${dominantHue}, 100%, 60%, 0.8)`);
|
||||
document.documentElement.style.setProperty('--dynamic-glow-dim', `hsla(${dominantHue}, 100%, 60%, 0.3)`);
|
||||
document.documentElement.style.setProperty('--card-border-bg', '');
|
||||
document.documentElement.style.setProperty('--shake-offset-x', '0px');
|
||||
document.documentElement.style.setProperty('--shake-offset-y', '0px');
|
||||
if (glassCard) glassCard.style.transform = '';
|
||||
|
||||
if (trackTitle) {
|
||||
trackTitle.style.color = '';
|
||||
trackTitle.style.textShadow = '';
|
||||
trackTitle.style.transform = '';
|
||||
}
|
||||
|
||||
if (trackLabel) {
|
||||
trackLabel.style.color = '';
|
||||
trackLabel.style.textShadow = '';
|
||||
}
|
||||
|
||||
// Reset Social Icons
|
||||
socialIcons.forEach(icon => {
|
||||
icon.style.backgroundColor = '';
|
||||
icon.style.boxShadow = '';
|
||||
icon.style.transform = '';
|
||||
});
|
||||
const dominantHue = (average * 2 + colorOffset) % 360;
|
||||
document.documentElement.style.setProperty('--dynamic-glow', `hsla(${dominantHue}, 100%, 60%, 0.8)`);
|
||||
document.documentElement.style.setProperty('--dynamic-glow-dim', `hsla(${dominantHue}, 100%, 60%, 0.3)`);
|
||||
document.documentElement.style.setProperty('--card-border-bg', '');
|
||||
document.documentElement.style.setProperty('--shake-offset-x', '0px');
|
||||
document.documentElement.style.setProperty('--shake-offset-y', '0px');
|
||||
if (glassCard) glassCard.style.transform = '';
|
||||
|
||||
if (trackTitle) {
|
||||
trackTitle.style.color = '';
|
||||
trackTitle.style.textShadow = '';
|
||||
trackTitle.style.transform = '';
|
||||
}
|
||||
|
||||
if (trackLabel) {
|
||||
trackLabel.style.color = '';
|
||||
trackLabel.style.textShadow = '';
|
||||
}
|
||||
|
||||
// Reset Social Icons
|
||||
socialIcons.forEach(icon => {
|
||||
icon.style.backgroundColor = '';
|
||||
icon.style.boxShadow = '';
|
||||
icon.style.transform = '';
|
||||
});
|
||||
}
|
||||
|
||||
function initVisualizer() {
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user