Remplacement du visualiseur horizontal (lignes de波形) par un égaliseur à barres verticales :
- Barres symétriques miroir (croissance depuis le centre vers haut et bas)
- Têtes de barres arrondies (arcTo)
- Dégradé cyan → indigo → cyan sur chaque barre
- Halo lumineux radial sur les barres hautes (>25%)
- Point lumineux au sommet des pics (>50%)
- Ligne de séparation centrale subtile
- Easing fluide entre les trames audio (lerp 0.35)
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
- IntersectionObserver avec debounce 250ms pour éviter le clignotement
- Bouton play sur cartes: bg-black/85 text-white (plus de blanc sur blanc)
- Badge LU: fond vert solide (var(--accent-emerald))
- AudioVisualizer: forme d'onde horizontale style Stitch (canvas)
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
Barres plus pleines et arrondies, halo lumineux sur pics audio,
palette dark plus riche (indigo vibrant, cyan éclatant, bleu profond),
ombres et bordures plus marquées, gradients de fond plus immersifs.
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
Replace flat linear bars with a symmetric hill-shaped visualizer.
Bars now mirror from the center outward, with a smooth falloff
toward the edges and a mid-frequency boost for speech clarity.
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
Replace static CSS eq-bars with a real-time AudioVisualizer component
using the Web Audio API AnalyserNode. The visualizer is now centered
below the progress bar in the inline hero player, with 28 bars and
boosted mid-range frequencies for better speech visualization.
- AudioContext: wire AnalyserNode, expose getFrequencyData, add
crossOrigin="anonymous" and key on the audio element
- AudioPlayer (inline): remove static eq-bars, add AudioVisualizer
- New AudioVisualizer component: requestAnimationFrame loop,
smooth decay on pause, configurable bar count/height/gap
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
MichaelandClaude Opus 4.7