Bateria eletrônica: crie batidas no navegador

Toque nas casas da grade, aperte “Tocar” – e a batida roda em loop. Todos os sons são sintetizados ao vivo no navegador. O padrão fica no link, para compartilhar ou continuar depois.

Pronto.

Com fones, comece com volume baixo.

Teclado: Espaço = tocar/parar, teclas 1–6 = tocar cada som.

Os sons são gerados no navegador. O padrão fica só no link e no seu navegador.

Resultado

Como o cálculo é feito

Como montar uma batida

  1. Cada linha é um instrumento e cada coluna uma semicolcheia de um compasso 4/4. Toque numa casa para ligar ou desligar o golpe.
  2. “Tocar”: o compasso roda em loop e a coluna atual acende. Dá para editar enquanto toca.
  3. Ajuste o andamento (40–240 BPM) e o swing, que atrasa uma semicolcheia sim, outra não, e deixa o groove mais solto.
  4. Os modelos trazem um padrão básico simples para você desenvolver.
  5. Para compartilhar, copie o link: padrão, andamento e swing vão junto.

Como os sons são feitos

Não há samples: bumbo, caixa, chimbal, palmas e tom são criados com osciladores, ruído e filtros da Web Audio API. Os golpes são agendados com antecedência no relógio de áudio do navegador, como explica o artigo “A Tale of Two Clocks” no web.dev; assim o ritmo fica estável mesmo com a página ocupada.

Limites

Um compasso de 16 passos, seis trilhas e sem exportação para arquivo de áudio. Em aba de segundo plano o navegador pode frear os temporizadores; a batida é então agendada com mais antecedência, mas pequenas falhas ainda podem ocorrer. Os modelos são pontos de partida, não cópias exatas de músicas ou estilos.

Perguntas frequentes

A bateria eletrônica é grátis?

Sim, sem cadastro nem instalação. Funciona inteira no navegador, inclusive no celular e no tablet.

Como compartilho minha batida?

O padrão, o andamento e o swing entram automaticamente no link da página. Copie o link ou use o botão de compartilhar.

O que faz o swing?

Atrasa um pouco uma semicolcheia sim, outra não. Em 0 % a batida é reta; com mais swing, fica mais solta e balançada.

Posso salvar a batida em MP3?

Não, não há exportação de áudio. Mas você pode reabrir o padrão a qualquer momento pelo link.

Por que a batida falha em segundo plano?

Os navegadores freiam temporizadores em abas inativas. A ferramenta agenda com mais antecedência, mas não dá para descartar falhas totalmente.

Fontes e base legal

Última atualização:

Ferramentas relacionadas