VISUALYZER
Sintetizador visual pra tocar ao vivo. Abre no navegador, escuta o som que está entrando — microfone, mesa, interface ou um mp3 — e projeta.
Um VJ inteiro dentro de uma aba
Feito pra show: a banda toca, o som entra pela placa e a projeção responde. Sem licença, sem servidor obrigatório e sem depender da internet da casa.
REAGE AO SOM DE VERDADE
Análise de espectro em tempo real: grave, médio, agudo e volume entram direto nos shaders. A fonte é qualquer uma — microfone, interface de áudio, captura do sistema ou uma faixa importada.
MODO AO VIVO
Liga e ele vira VJ: lê a música numa janela deslizante, ajusta os parâmetros em rampa e troca o efeito quando o clima muda — respeitando um tempo mínimo, pra não virar estroboscópio de preset.
FEITO PRA PALCO
Saída em 1080, 1440 ou 4K, segunda tela pro projetor, correção de keystone nos quatro cantos, gravação do set e controle pelo celular.
O que vem na caixa
Tudo roda no navegador. Nada aqui exige assinatura, plugin ou conta.
16 EFEITOS
De ondas e fractais a túneis raymarched, caleidoscópio, grade synthwave, eclipse e tempestade de plasma.
CAMADAS
Até quatro camadas empilhadas, nove modos de mesclagem e reordenação arrastando.
MÍDIA COMO CAMADA
Webcam, captura HDMI, vídeo, imagem e GIF animado — com chroma-key e enquadramento.
RACK ANALÓGICO
Feedback de vídeo, VHS/CRT com sangria de croma e halation, glitch, mixer A/B. Presets VHS 92, CFTV, Super 8, MTV 90s, Datamosh.
MODO AO VIVO
VJ automático: detecta a batida, mede energia e densidade e conduz o show sozinho — sem chamar a nuvem.
MODO DJ
Importa um mp3, mede BPM, bandas e densidade no próprio navegador e sugere efeito e parâmetros pra faixa.
CONTROLE PELO CELULAR
Abre /remote no telefone e comanda preset, sensibilidade e parâmetros de longe.
PROJEÇÃO
Segunda tela estilo OBS, tela cheia de verdade e keystone de quatro cantos pra projetor torto.
GRAVAÇÃO
Grava o canvas com o áudio em WebM — o set sai pronto pra postar.
LEGENDAS
Texto no canvas, manual ou letra .lrc sincronizada com a faixa. Entra na gravação.
MIDI LEARN
Mapeia os knobs do seu controlador pros parâmetros e toca com as mãos.
BIBLIOTECA
Salva shows, publica presets e carrega o que a galera publicou.
Dois caminhos, os dois grátis
1 — ABRIR E TOCAR
# nada pra instalar https://visualyzer.pages.dev
Clique em Iniciar áudio e escolha a fonte. Pro projetor, use o botão 2ª tela; pro celular virar controle, abra /remote.
2 — RODAR NA SUA MÁQUINA
git clone https://github.com/crimsondawnacademy-design/visualyzer.git cd visualyzer npm install npm run dev # http://localhost:3000 # rig completo offline (biblioteca + controle remoto): npm run dev:cf
npm run dev sobe o sintetizador com recarga automática.
O dev:cf sobe também o banco local, pra tocar sem internet
nenhuma com biblioteca e controle remoto funcionando.
| NAVEGADOR | Qualquer um com WebGL — Chrome, Edge, Firefox ou Safari recentes. Em 4K, placa de vídeo dedicada ajuda. |
| ÁUDIO | Permissão de microfone se a fonte for mic ou interface. Faixa importada e modo demo não pedem nada. |
| OPCIONAL | Controlador MIDI para o mapeamento de knobs, e segunda saída de vídeo para o projetor. |
| SERVIDOR | Nenhum é obrigatório. A biblioteca da comunidade e a análise por IA usam Cloudflare (Pages, D1 e Workers AI) — sem isso, tudo continua funcionando localmente. |
O áudio não sai do seu navegador
Microfone, mesa e faixa são processados localmente pela Web Audio API — nada é gravado nem enviado. Quando você aperta Analisar com IA no Modo DJ, o que viaja são os números extraídos da faixa (BPM, energia, brilho, densidade), nunca o áudio. E se não houver rede, nem isso sai: a mesma decisão é tomada no seu navegador.
O Modo ao vivo é 100% local por decisão de projeto: num palco, a escolha precisa sair no mesmo segundo e não pode depender do wi-fi da casa.