Repolode
luzhenhua

luzhenhua/echo-flow

Статическое веб-приложение для отработки восприятия английской речи на слух и shadowing по предложениям с собственными файлами mp3 и lrc, которые хранятся локально в браузере.

Звёзды
2,323
Форки
407
Открытые issues
2
Последний коммит
3 месяца назад

Что это?

EchoFlow — браузерный инструмент для тренировки восприятия английской речи на слух и чтения вслед за диктором. Можно импортировать собственные аудиофайлы (mp3) и синхронизированные субтитры (lrc): выбрать папку, несколько файлов или zip-архив. Нажмите на любое предложение, чтобы начать воспроизведение с этого места; текущая строка будет подсвечиваться по мере проигрывания аудио, а урок можно прослушивать целиком в автоматическом режиме.

Интерфейс поддерживает режимы отображения EN, EN+CN и CN, настройку скорости воспроизведения, непрерывное воспроизведение или воспроизведение только текущего предложения, режимы повтора и продолжение с последней позиции. Сочетания клавиш позволяют управлять воспроизведением, перемещаться по уроку и регулировать громкость. Уроки можно добавлять в избранное, прогресс сохраняется, а предложения — в отдельный список для чтения вслух.

Импортированные файлы хранятся только в браузере пользователя с помощью IndexedDB и не загружаются на сервер. Проект представляет собой статический сайт без зависимостей: его можно открыть через локальный HTTP-сервер, Node's serve или Docker-образ.

Ключевые возможности

  • 01Импорт собственных файлов mp3 и lrc: папкой, выбором нескольких файлов или zip-архивом.
  • 02Нажмите на любое предложение, чтобы начать воспроизведение с него и включить автоматическую подсветку.
  • 03Режимы отображения EN, EN+CN и CN.
  • 04Настройка скорости воспроизведения, воспроизведение отдельных предложений или непрерывно, а также режимы повтора.
  • 05Сочетания клавиш для управления воспроизведением, навигации и регулировки громкости.
  • 06Импортированные материалы остаются в хранилище IndexedDB браузера.

Сценарии использования

  • Чтение вслед за диктором по урокам, которые уже есть у вас в формате mp3 и lrc.
  • Прослушивание по предложениям с повтором сложных фрагментов.
  • Занятия в браузере на телефоне или компьютере с возможностью продолжить воспроизведение с места остановки.

Быстрый старт

  1. 1

    Запустите контейнер Docker

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

    Откройте http://localhost:8080 в браузере

Что важно знать

  • В приложении нет аудио и материалов уроков, поэтому вам нужно импортировать собственные файлы mp3 и lrc.
  • Приложение должно обслуживаться по HTTP; при прямом открытии index.html файлы данных не загрузятся.

В подборках

Темы

Частые вопросы

Что такое echo-flow?
Статическое веб-приложение для отработки восприятия английской речи на слух и shadowing по предложениям с собственными файлами mp3 и lrc, которые хранятся локально в браузере. EchoFlow — браузерный инструмент для тренировки восприятия английской речи на слух и чтения вслед за диктором. Можно импортировать собственные аудиофайлы (mp3) и синхронизированные субтитры (lrc): выбрать папку, несколько файлов или zip-архив. Нажмите на любое предложение, чтобы начать воспроизведение с этого места; текущая строка будет подсвечиваться по мере проигрывания аудио, а урок можно прослушивать целиком в автоматическом режиме.
echo-flow можно использовать бесплатно? Какая у него лицензия?
echo-flow распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.
echo-flow всё ещё поддерживается?
Обновлялся за последние 6 месяцев. Последний коммит в echo-flow — 7 авг. 2026 г..
Для чего можно использовать echo-flow?
Чтение вслед за диктором по урокам, которые уже есть у вас в формате mp3 и lrc. Прослушивание по предложениям с повтором сложных фрагментов. Занятия в браузере на телефоне или компьютере с возможностью продолжить воспроизведение с места остановки.
Как установить echo-flow?
Запустите контейнер Docker: docker run -d -p 8080:80 --name echo-flow --restart unless-stopped luzhenhua/echo-flow:latest Откройте http://localhost:8080 в браузере
Где скачать echo-flow?
Исходный код и инструкции по установке — на GitHub: https://github.com/luzhenhua/echo-flow

Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.

Похожие проекты

Бесплатное приложение с открытым исходным кодом для изучения лексики IELTS: 7 298 слов с авторскими иллюстрациями, аудио британского и американского произношения и повторением по алгоритму FSRS.

4,3 тыс.+964 за неделю922TypeScriptOtherОбновлён 7 дней назад

Приложение на Flutter для практики аудирования и устной речи на английском: интенсивное слушание, повторение за диктором, пересказ и интервальное повторение.

4,7 тыс.+67 за неделю490DartAGPL-3.0Обновлён вчера

Браузерный инструмент для работы с субтитрами: редактируйте и оформляйте их, добавляйте в локальные MP4, а при желании распознавайте речь с помощью Whisper на устройстве.

243+7 за неделю11TypeScriptMITОбновлён в прошлом месяце