Lombrigasound Visualizers

<!-- Incorporando o visualizador de Synthwave -->
<iframe 
  id="lombriga-visualizer"
  src="https://lombrigasound.pages.dev/synthwave" 
  width="100%" 
  height="400" 
  style="border: none; background: #000; border-radius: 8px;"
  allow="autoplay">
</iframe>

const iframe = document.getElementById('lombriga-visualizer');

// Exemplo: Conectando com uma tag <audio> nativa
const audioPlayer = document.querySelector('audio');

// Quando a música começar a tocar
audioPlayer.addEventListener('play', () => {
  iframe.contentWindow.postMessage({ isPlaying: true }, '*');
});

// Quando a música for pausada (congela a animação suavemente)
audioPlayer.addEventListener('pause', () => {
  iframe.contentWindow.postMessage({ isPlaying: false }, '*');
});

// Alternar gênero musical dinamicamente
function changeGenre(newGenre) {
  iframe.contentWindow.postMessage({ genre: newGenre }, '*');
}