Visualizador de Áudio — 15 Cenas WebGL Reativas

O som é analisado continuamente em 32 faixas de frequência, cerca de 90 vezes por segundo, independentemente da taxa de quadros da sua tela. Cada faixa é comparada com os próprios picos recentes e com o ruído de fundo, então um microfone baixo e um arquivo alto movem a imagem da mesma forma, enquanto o silêncio ou o chiado do ambiente deixam a cena calma e escura. As batidas são detectadas separadamente — bumbo, caixa e chimbal — e o pulso é acompanhado; o travamento do tempo se solta assim que a música para, e nada continua pulsando no silêncio. As cenas transformam o grave em tamanho e formas grandes, os agudos em faíscas e detalhes finos, e as batidas em explosões, ondas e relâmpagos, enquanto “Forma de Onda” e “Espectro” desenham o espectro real.

Primeiro permita o acesso ao microfone no navegador. No silêncio a imagem fica calma de propósito: toque música perto do microfone ou escolha um arquivo. Se a música mal passa do ruído do ambiente, aproxime a fonte, aumente o volume ou suba o controle de sensibilidade. Com um arquivo, pressione ▶ se o navegador não iniciou a reprodução sozinho.

Sim! Pressione S ou clique no botão Proteção de Tela. O visualizador entra em tela cheia e alterna automaticamente entre todas as 15 cenas, uma a cada 30 segundos. Pressione Escape ou clique em qualquer lugar para sair.

Cada cena é um fragment shader na GPU, então precisa de WebGL com aceleração por hardware ligada — um retângulo preto quase sempre quer dizer que a aceleração está desligada nas configurações do navegador, e não que a cena quebrou. O engasgo é a outra ponta da mesma história: das 15 cenas, “Tempestade Elétrica” e “Fluxo de Lava” são as mais pesadas, e “Espectro” e “Forma de Onda” as mais leves, então mude para uma cena mais leve, desligue os efeitos cinemáticos (P), saia da tela cheia ou feche as outras abas disputando a mesma GPU.

Sim. Mude para o modo Enviar Arquivo e selecione qualquer arquivo de áudio (MP3, WAV, OGG, FLAC). A música toca pelos seus alto-falantes enquanto os visuais reagem em tempo real.

Escolha um arquivo e uma cena e clique em “Criar vídeo”: a página desenha a música inteira quadro a quadro, a 30 quadros por segundo, e junta a imagem ao som da música em MP4 ou WebM — 16:9 para YouTube, 9:16 para Reels, TikTok e Shorts, ou quadrado 1:1. Cada quadro é calculado a partir do som que toca nele, então os clarões caem exatamente nas batidas, e com uma placa de vídeo lenta a criação só demora mais, sem perder quadros. O botão ● grava o que a tela mostra agora — ele serve para o microfone.