Trabalho

Ichos Looper

Projeto Pessoal
Web Audio
PWA

Uma ferramenta de prática para dançarinos e coreógrafos: repita em loop os oito tempos difíceis de uma música, diminua a velocidade sem mudar o tom e ouça uma contagem regressiva antes de cada repetição.

A forma de onda de uma música com um loop selecionado e o controle de velocidade.

Visão Geral do Projeto

O Ichos Looper é um aplicativo web progressivo (PWA) para coreógrafos e dançarinos que estão praticando uma coreografia. Você escolhe uma música no seu próprio dispositivo, coloca em loop o trecho que insiste em dar errado e o repete até acertar, sem brigar com a barra de progresso de um player.

O que ele faz

  • Loops: uma música pode ter vários loops, cada um com nome, cor, intervalo, fades, sinal e número de repetições próprios. Os loops ativados tocam em ordem; os desativados ficam esmaecidos na forma de onda.
  • Velocidade sem mudar o tom: de 0,5× a 1,5×. Você pode digitar a velocidade ou os BPM e o outro valor acompanha; além disso, o andamento é detectado a partir do áudio ao abrir um projeto.
  • Contagem regressiva antes de cada repetição: um sinal avisa aos dançarinos exatamente quando a música recomeça.
  • Edição precisa: arraste as alças sobre a forma de onda, aproxime com a roda do mouse ou com o gesto de pinça e posicione as bordas de um loop com precisão de alguns milissegundos.
  • Projetos: cada música guarda seus loops e ajustes no navegador, com salvamento automático. Um projeto pode ser exportado como arquivo .looper, com ou sem a música, para compartilhar com outra pessoa.
  • Dois idiomas: o aplicativo e suas páginas de ajuda estão disponíveis em inglês e espanhol.

A página de boas-vindas, mostrando vários loops em uma mesma música.

Como é construído

Tudo roda no navegador sobre a API Web Audio, com React e TypeScript usando Vite, e o aplicativo pode ser instalado e funciona offline.

  • As mudanças de velocidade usam um algoritmo de alongamento temporal que eu mesmo escrevi (WSOLA, executado em um worker) em vez de uma biblioteca. Cada loop é alongado uma única vez e depois toca com precisão de amostra; um teste garante que o tom é preservado.
  • A detecção de andamento também é própria e testada com faixas sintéticas, incluindo os casos em que um detector lê a metade ou o dobro do andamento real.
  • As repetições são agendadas no relógio de áudio em vez de verificadas periodicamente, então os pontos do loop permanecem exatos.
  • Os projetos salvos têm versão: uma migração atualiza as configurações armazenadas e os arquivos importados quando o formato muda.

Privacidade

A música nunca sai do dispositivo. Nada é gravado nem enviado; os projetos ficam no armazenamento do próprio navegador.

Experimente

O aplicativo está no ar em ichos-looper.azulich.com.