Manual do Gerador de Espectro
← Voltar
Manual · Passo a passo

Como usar o Gerador de Espectro

Esta página explica cada painel da ferramenta, do jeito mais simples possível. Ela abre numa aba separada — pode deixar o gerador aberto do lado, com seus ajustes intactos, e ir alternando entre as duas abas enquanto lê.

Composição de exemplo do gerador: espectro circular, imagem de fundo e partículas em estrela
💡
PT Dica — fundo verde para chroma key.

Na janela 03 · Cores e efeitos você pode escolher a cor verde para o fundo em vez de usar uma imagem. Depois de exportar o vídeo, é só aplicar chroma key no seu programa de edição — o fundo verde some e você pode colocar qualquer imagem, vídeo ou cor por trás do espectro.

É especialmente útil se você quiser sobrepor o espectro em cima de outro vídeo ou trocar o fundo depois, sem precisar gerar tudo de novo.

EN Tip — green background for chroma key.

In the 03 · Colors and effects panel you can pick a green background color instead of using an image. After exporting the video, just apply chroma key in your video editing software — the green background disappears and you can place any image, video, or color behind the spectrum.

This is especially handy if you want to overlay the spectrum on top of another video or swap the background later, without having to regenerate the whole thing.

iPrivacidade e compatibilidade

As duas perguntas mais importantes antes de usar qualquer ferramenta com seus arquivos.

🔒
Nenhum arquivo sai do seu computador.
🌐
Compatível com os navegadores atuais mais usados.
⚠️
PT Dica importante — áudio no DaVinci Resolve.

O .webm é um formato leve e abre bem tanto no CapCut quanto no DaVinci Resolve (testamos na versão 21). O arquivo usa o codec VP9 para vídeo e Opus para áudio — mesmo assim, no DaVinci Resolve 21 o som não carrega (só o vídeo aparece). No CapCut isso não acontece: é só arrastar o arquivo pra timeline e editar normalmente.

Se for editar no DaVinci Resolve, você tem duas opções:

  1. Recomendado: use o vídeo .webm gerado + o MP3 original que você usou pra criar o espectro — arraste os dois pra timeline. Simples e sem perda de qualidade.
  2. Converta o .webm para .mp4 ou .mkv (H.264/H.265) com um conversor gratuito como o Shutter Encoder — depois de convertido, vídeo e áudio carregam juntos sem problema.
EN Important tip — audio in DaVinci Resolve.

.webm is a lightweight format that opens fine in both CapCut and DaVinci Resolve (tested on version 21). The file uses the VP9 codec for video and Opus for audio — even so, DaVinci Resolve 21 doesn't load the audio track (only the video shows up). CapCut has no such issue: just drag the file onto the timeline and edit normally.

If you're editing in DaVinci Resolve, you have two options:

  1. Recommended: use the generated .webm video + the original MP3 you used to create the spectrum — drag both onto the timeline. Simple, with no quality loss.
  2. Convert the .webm to .mp4 or .mkv (H.264/H.265) with a free converter like Shutter Encoder — once converted, video and audio load together with no issue.
⚠️
PT Limites de duração do áudio — o que é seguro e o que exige cuidado.

O gerador decodifica o áudio inteiro na memória do navegador e grava o vídeo em tempo real (uma música de 3 minutos leva ~3 minutos pra gerar). Para músicas, podcasts curtos e faixas de até 1 hora, isso funciona sem problema. Acima disso, três coisas ficam mais pesadas:

  • Memória: o áudio decodificado ocupa muito mais espaço que o arquivo original — um áudio de 10h pode passar de 10 GB de RAM e travar a aba.
  • Tempo de exportação: a exportação é em tempo real, então 10h de áudio levam ~10h pra gerar, com a aba precisando ficar aberta o tempo todo.
  • Tamanho do vídeo: em resoluções altas, o arquivo final pode chegar a dezenas de gigabytes.

O que é prudente fazer: pra arquivos acima de 1h, prefira resoluções e fps mais baixos e teste com um trecho curto antes de processar o áudio inteiro. Se for possível, divida áudios muito longos (podcasts, sets de DJ) em partes menores antes de carregar.

EN Audio length limits — what's safe and what needs caution.

The generator decodes the whole audio into browser memory and records the video in real time (a 3-minute song takes ~3 minutes to generate). For songs, short podcasts, and tracks up to 1 hour, this works fine. Beyond that, three things get heavier:

  • Memory: decoded audio takes up far more space than the original file — a 10-hour audio can go over 10 GB of RAM and crash the tab.
  • Export time: export runs in real time, so 10 hours of audio takes ~10 hours to generate, with the tab needing to stay open the whole time.
  • Video size: at high resolutions, the final file can reach tens of gigabytes.

What's prudent to do: for files over 1 hour, prefer lower resolutions and fps, and test with a short clip before processing the whole audio. If possible, split very long audio (podcasts, DJ sets) into smaller parts before uploading.

01Fila de músicas

É por aqui que tudo começa

Painel da fila de músicas
carregando
Track queue panel
loading
  • Decodificação automática
  • Nome editável
  • Selecionar
  • Gerar processa a fila inteira

02Estilo de visualização

desc02

Painel de escolha de estilo
carregando
Style selection panel
loading
  • li021
  • li022
  • li023

03Cores e efeitos

desc03

Painel de cores e efeitos
carregando
Colors and effects panel
loading
t
d
t
d
t
d
t
d

04Transformação

desc04

Painel de transformação
carregando
Transform panel
loading
  • l
  • l
  • l
  • l
  • l

05Imagem de fundo

d

Painel de imagem de fundo
carregando
Background image panel
loading
  • l
  • l
  • l
  • l
  • l

06Partículas decorativas

d

Painel de partículas decorativas
carregando
Decorative particles panel
loading
  • l
  • l
  • l
  • l

07Barra de progresso

d

Painel de barra de progresso
carregando
Progress bar panel
loading
  • l
  • l
  • l
  • l

08Resolução e exportação

d

Painel de resolução e exportação
carregando
Resolution and export panel
loading
  • l
  • l
  • l
⚠️
w

09Monitor

d

Painel do monitor com player
carregando
Monitor panel with player
loading
  • l
  • l
  • l
  • l
  • l

10Configurações (backup)

d10

Painel de backup de configurações
carregando
Settings backup panel
loading
  • l
  • l
  • l

?Dicas e problemas comuns

q
a
q
a
q
a
q
a