Repolode
luzhenhua

luzhenhua/echo-flow

App web estático para praticar listening e shadowing em inglês, frase por frase, com seus próprios arquivos mp3 e lrc armazenados localmente no navegador.

Estrelas
2,323
Forks
408
Issues abertas
2
Último commit
há 3 meses

O que é?

EchoFlow é uma ferramenta para praticar listening e leitura em voz alta acompanhando o áudio, diretamente no navegador. Importe seus próprios arquivos de áudio (mp3) e legendas sincronizadas (lrc) por pasta, seleção de vários arquivos ou arquivo zip. Ao clicar em uma frase, a reprodução começa daquele ponto; a frase atual fica destacada enquanto o áudio toca, e a reprodução pode continuar automaticamente até o fim da lição.

A interface oferece os modos de exibição EN, EN+CN e CN, além de controle de velocidade, reprodução contínua ou apenas da frase, modos de repetição e retomada do último ponto. Os atalhos de teclado incluem reproduzir/pausar, navegação e volume. É possível favoritar lições, acompanhar o progresso e salvar frases em uma lista para ler em voz alta.

Os arquivos importados ficam armazenados apenas no navegador do usuário, via IndexedDB, e não são enviados para um servidor. O projeto é um site estático puro, sem dependências, que pode ser aberto por meio de um servidor HTTP local, pelo serve do Node ou por uma imagem Docker.

Recursos principais

  • 01Importe seus próprios arquivos mp3 e lrc por pasta, seleção de vários arquivos ou arquivo zip.
  • 02Clique em qualquer frase para começar a reprodução daquele ponto, com destaque automático.
  • 03Modos de exibição EN, EN+CN e CN.
  • 04Velocidade de reprodução ajustável, modos de reprodução por frase ou contínua e modos de repetição.
  • 05Atalhos de teclado para reproduzir, pausar, navegar e ajustar o volume.
  • 06O conteúdo importado permanece no armazenamento IndexedDB do navegador.

Casos de uso

  • Praticar leitura em voz alta acompanhando o áudio com lições que você já tem em arquivos mp3 e lrc.
  • Fazer exercícios de listening frase por frase, repetindo trechos difíceis.
  • Estudar pelo navegador no celular ou no computador, retomando a reprodução de onde parou.

Início rápido

  1. 1

    Execute o contêiner do Docker

    docker run -d -p 8080:80 --name echo-flow --restart unless-stopped luzhenhua/echo-flow:latest
  2. 2

    Abra http://localhost:8080 no navegador

Antes de usar

  • O app não inclui áudio nem conteúdo de aulas, então você precisa importar seus próprios arquivos mp3 e lrc.
  • Ele precisa ser servido via HTTP; abrir o index.html diretamente não carrega os arquivos de dados.

Em coleções

Tópicos

Perguntas frequentes

O que é echo-flow?
App web estático para praticar listening e shadowing em inglês, frase por frase, com seus próprios arquivos mp3 e lrc armazenados localmente no navegador. EchoFlow é uma ferramenta para praticar listening e leitura em voz alta acompanhando o áudio, diretamente no navegador. Importe seus próprios arquivos de áudio (mp3) e legendas sincronizadas (lrc) por pasta, seleção de vários arquivos ou arquivo zip. Ao clicar em uma frase, a reprodução começa daquele ponto; a frase atual fica destacada enquanto o áudio toca, e a reprodução pode continuar automaticamente até o fim da lição.
echo-flow é gratuito? Qual é a licença?
echo-flow é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.
echo-flow ainda é mantido?
Atualizado nos últimos 6 meses. O último commit de echo-flow foi em 7 de ago. de 2026.
Para que posso usar echo-flow?
Praticar leitura em voz alta acompanhando o áudio com lições que você já tem em arquivos mp3 e lrc. Fazer exercícios de listening frase por frase, repetindo trechos difíceis. Estudar pelo navegador no celular ou no computador, retomando a reprodução de onde parou.
Como instalar echo-flow?
Execute o contêiner do Docker: docker run -d -p 8080:80 --name echo-flow --restart unless-stopped luzhenhua/echo-flow:latest Abra http://localhost:8080 no navegador
Onde consigo echo-flow?
O código-fonte e as instruções de instalação estão no GitHub: https://github.com/luzhenhua/echo-flow

Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.

Projetos relacionados