Repolode
luzhenhua

luzhenhua/echo-flow

Aplicación web estática para practicar comprensión auditiva y shadowing en inglés, frase por frase, con tus propios archivos mp3 y lrc, almacenados localmente en el navegador.

Estrellas
2,323
Forks
407
Issues abiertos
2
Último commit
hace 3 meses

¿Qué es?

EchoFlow es una herramienta para practicar comprensión auditiva y lectura en voz alta siguiendo el audio en inglés, directamente en el navegador. Puedes importar tus propios archivos de audio (mp3) y subtítulos sincronizados (lrc) mediante una carpeta, seleccionando varios archivos o usando un archivo zip. Al hacer clic en una frase, la reproducción empieza desde ese punto; la frase actual se resalta mientras suena el audio y la reproducción puede continuar automáticamente a lo largo de la lección.

La interfaz ofrece modos de visualización EN, EN+CN y CN, además de control de velocidad, reproducción continua o solo de la frase, modos de repetición y la opción de reanudar desde la última posición. Los atajos de teclado permiten controlar la reproducción, la navegación y el volumen. Puedes marcar lecciones como favoritas, llevar un seguimiento del progreso y guardar frases en una lista para leerlas en voz alta.

Los archivos importados solo se almacenan en el navegador del usuario, mediante IndexedDB, y no se suben a ningún servidor. El proyecto es un sitio estático sin dependencias, así que se puede abrir desde un servidor HTTP local, con Node's serve o mediante una imagen Docker.

Funciones clave

  • 01Importa tus propios archivos mp3 y lrc desde una carpeta, seleccionando varios archivos o mediante un archivo zip.
  • 02Haz clic en cualquier frase para empezar a reproducirla desde ese punto y resaltarla automáticamente.
  • 03Modos de visualización EN, EN+CN y CN.
  • 04Velocidad de reproducción ajustable, modos de reproducción por frase o continua y modos de repetición.
  • 05Atajos de teclado para reproducir, pausar, navegar y ajustar el volumen.
  • 06El contenido importado permanece en el almacenamiento IndexedDB del navegador.

Casos de uso

  • Practicar lectura en voz alta siguiendo el audio con lecciones que ya tengas en archivos mp3 y lrc.
  • Hacer ejercicios de comprensión auditiva frase por frase, repitiendo los pasajes difíciles.
  • Estudiar desde el navegador de un teléfono o una computadora y reanudar la reproducción donde la dejaste.

Inicio rápido

  1. 1

    Ejecuta el contenedor de Docker

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

    Abre http://localhost:8080 en el navegador

Antes de usarlo

  • La aplicación no incluye audio ni contenido de las lecciones, así que tendrás que importar tus propios archivos mp3 y lrc.
  • Debe servirse mediante HTTP; si abres index.html directamente, no se cargarán los archivos de datos.

En colecciones

Temas

Preguntas frecuentes

¿Qué es echo-flow?
Aplicación web estática para practicar comprensión auditiva y shadowing en inglés, frase por frase, con tus propios archivos mp3 y lrc, almacenados localmente en el navegador. EchoFlow es una herramienta para practicar comprensión auditiva y lectura en voz alta siguiendo el audio en inglés, directamente en el navegador. Puedes importar tus propios archivos de audio (mp3) y subtítulos sincronizados (lrc) mediante una carpeta, seleccionando varios archivos o usando un archivo zip. Al hacer clic en una frase, la reproducción empieza desde ese punto; la frase actual se resalta mientras suena el audio y la reproducción puede continuar automáticamente a lo largo de la lección.
¿echo-flow es gratuito? ¿Qué licencia tiene?
echo-flow es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
¿echo-flow sigue mantenido?
Actualizado en los últimos 6 meses. El último commit de echo-flow fue el 7 ago 2026.
¿Para qué puedo usar echo-flow?
Practicar lectura en voz alta siguiendo el audio con lecciones que ya tengas en archivos mp3 y lrc. Hacer ejercicios de comprensión auditiva frase por frase, repitiendo los pasajes difíciles. Estudiar desde el navegador de un teléfono o una computadora y reanudar la reproducción donde la dejaste.
¿Cómo se instala echo-flow?
Ejecuta el contenedor de Docker: docker run -d -p 8080:80 --name echo-flow --restart unless-stopped luzhenhua/echo-flow:latest Abre http://localhost:8080 en el navegador
¿Dónde consigo echo-flow?
El código fuente y las instrucciones de instalación están en GitHub: https://github.com/luzhenhua/echo-flow

Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.

Proyectos relacionados