Auto commit: 2026-02-15T17:40:22.743Z
This commit is contained in:
parent
c810271b21
commit
ddfe0485c9
52
index.php
52
index.php
@ -69,19 +69,6 @@ $facebook_link = "https://www.facebook.com/profile.php?id=61587890927489";
|
||||
background: var(--bg-overlay);
|
||||
}
|
||||
|
||||
.flash-overlay {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: #fff;
|
||||
opacity: var(--bass-flash-opacity, 0);
|
||||
z-index: -1;
|
||||
pointer-events: none;
|
||||
transition: opacity 0.05s ease;
|
||||
}
|
||||
|
||||
/* Animated Mic Background Elements */
|
||||
.bg-elements {
|
||||
position: fixed;
|
||||
@ -200,15 +187,6 @@ $facebook_link = "https://www.facebook.com/profile.php?id=61587890927489";
|
||||
transition: transform 0.3s ease, border-color 0.1s ease, box-shadow 0.1s ease;
|
||||
}
|
||||
|
||||
body.is-playing .brand-logo {
|
||||
animation: logo-pulse 2s infinite ease-in-out;
|
||||
}
|
||||
|
||||
@keyframes logo-pulse {
|
||||
0%, 100% { transform: scale(1); }
|
||||
50% { transform: scale(1.05); }
|
||||
}
|
||||
|
||||
.logo-wrapper {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
@ -664,7 +642,6 @@ $facebook_link = "https://www.facebook.com/profile.php?id=61587890927489";
|
||||
</head>
|
||||
<body>
|
||||
<div class="background"></div>
|
||||
<div class="flash-overlay"></div>
|
||||
<div class="bg-elements">
|
||||
<i class="bi bi-mic-fill floating-mic"></i>
|
||||
<i class="bi bi-mic-fill floating-mic"></i>
|
||||
@ -809,9 +786,6 @@ $facebook_link = "https://www.facebook.com/profile.php?id=61587890927489";
|
||||
ctx.clearRect(0, 0, canvas.width, canvas.height);
|
||||
document.documentElement.style.setProperty('--dynamic-glow', 'rgba(56, 189, 248, 0.7)');
|
||||
document.documentElement.style.setProperty('--dynamic-glow-dim', 'rgba(56, 189, 248, 0.4)');
|
||||
document.documentElement.style.setProperty('--shake-offset-x', '0px');
|
||||
document.documentElement.style.setProperty('--shake-offset-y', '0px');
|
||||
document.documentElement.style.setProperty('--bass-flash-opacity', '0');
|
||||
return;
|
||||
}
|
||||
animationId = requestAnimationFrame(draw);
|
||||
@ -830,31 +804,7 @@ $facebook_link = "https://www.facebook.com/profile.php?id=61587890927489";
|
||||
for(let i=0; i<bufferLength; i++) sum += dataArray[i];
|
||||
const average = sum / bufferLength;
|
||||
|
||||
const bassRange = 4;
|
||||
let bassSum = 0;
|
||||
for(let i=0; i<bassRange; i++) bassSum += dataArray[i];
|
||||
const bassAverage = bassSum / bassRange;
|
||||
|
||||
if (bassAverage > 210) {
|
||||
const intensity = (bassAverage - 210) / 45;
|
||||
const shakeX = (Math.random() - 0.5) * 12 * intensity;
|
||||
const shakeY = (Math.random() - 0.5) * 12 * intensity;
|
||||
document.documentElement.style.setProperty('--shake-offset-x', `${shakeX}px`);
|
||||
document.documentElement.style.setProperty('--shake-offset-y', `${shakeY}px`);
|
||||
document.documentElement.style.setProperty('--bass-flash-opacity', (intensity * 0.25).toString());
|
||||
} else {
|
||||
document.documentElement.style.setProperty('--shake-offset-x', '0px');
|
||||
document.documentElement.style.setProperty('--shake-offset-y', '0px');
|
||||
document.documentElement.style.setProperty('--bass-flash-opacity', '0');
|
||||
}
|
||||
|
||||
hue = (hue + 0.5 + (average / 50)) % 360;
|
||||
const glowOpacity = 0.4 + (average / 255) * 0.5;
|
||||
const currentGlow = `hsla(${hue}, 80%, 60%, ${glowOpacity})`;
|
||||
const currentGlowDim = `hsla(${hue}, 80%, 60%, ${glowOpacity * 0.5})`;
|
||||
|
||||
document.documentElement.style.setProperty('--dynamic-glow', currentGlow);
|
||||
document.documentElement.style.setProperty('--dynamic-glow-dim', currentGlowDim);
|
||||
|
||||
for (let i = 0; i < barCount; i++) {
|
||||
const barHeight = (dataArray[i] / 255) * logicalHeight;
|
||||
@ -930,9 +880,11 @@ $facebook_link = "https://www.facebook.com/profile.php?id=61587890927489";
|
||||
const title = data.title;
|
||||
const artist = data.artist || 'Lili Records';
|
||||
const fullDisplay = `${artist} - ${title}`;
|
||||
const coverUrl = data.cover || './assets/pasted-20260215-163754-def41f49.png';
|
||||
|
||||
if (trackTitle.textContent !== fullDisplay) {
|
||||
trackTitle.style.opacity = '0';
|
||||
|
||||
trackTitle.classList.remove('scrolling');
|
||||
setTimeout(() => {
|
||||
trackTitle.textContent = fullDisplay;
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user