단어마다 독창적인 삽화와 영국·미국식 음성, FSRS 기반 복습을 제공하는 무료 오픈소스 IELTS 어휘 웹 앱으로, 7,298개 단어를 다룹니다.
luzhenhua/echo-flow
내 mp3 및 lrc 파일을 브라우저에 로컬 저장해 문장별 영어 듣기와 섀도잉 연습을 할 수 있는 정적 웹 앱입니다.
- 스타
- 2,323
- 포크
- 407
- 열린 이슈
- 2
- 마지막 커밋
- 3개월 전
어떤 프로젝트인가요?
EchoFlow는 영어 듣기와 섀도 리딩 연습을 위한 브라우저 기반 도구입니다. 폴더, 여러 파일 선택 또는 zip 아카이브를 통해 원하는 오디오(mp3)와 싱크된 자막(lrc)을 가져올 수 있습니다. 문장을 클릭하면 해당 지점부터 재생되고, 오디오가 재생되는 동안 현재 문장이 강조 표시되며, 레슨 전체를 자동으로 이어서 재생할 수도 있습니다.
인터페이스는 EN, EN+CN, CN 표시 모드를 지원하며, 재생 속도 조절, 연속 재생 또는 문장 단위 재생 모드, 반복 재생 모드, 마지막 위치에서 이어 재생 기능도 제공합니다. 재생/일시 정지, 탐색, 볼륨 조절 단축키를 사용할 수 있습니다. 레슨을 즐겨찾기에 추가하고 학습 진행 상황을 확인할 수 있으며, 소리 내어 읽을 문장을 목록에 저장할 수도 있습니다.
가져온 파일은 IndexedDB를 사용해 사용자 브라우저에만 저장되며 서버로 업로드되지 않습니다. 이 프로젝트는 의존성 없는 순수 정적 사이트로, 로컬 HTTP 서버, Node의 serve 또는 Docker 이미지로 실행할 수 있습니다.
핵심 기능
- 01폴더, 여러 파일 선택 또는 zip을 통해 원하는 mp3 및 lrc 파일을 가져옵니다.
- 02문장을 클릭하면 해당 지점부터 재생되고 현재 문장이 자동으로 강조 표시됩니다.
- 03EN, EN+CN, CN 표시 모드를 지원합니다.
- 04재생 속도, 문장 단위 및 연속 재생 모드, 반복 재생 모드를 조절할 수 있습니다.
- 05재생, 일시 정지, 탐색, 볼륨 조절 단축키를 지원합니다.
- 06가져온 콘텐츠는 브라우저의 IndexedDB 저장소에 보관됩니다.
활용 사례
- 보유 중인 mp3 및 lrc 레슨으로 섀도 리딩을 연습할 수 있습니다.
- 어려운 구간을 반복 재생하며 문장별 듣기 훈련을 할 수 있습니다.
- 휴대폰이나 데스크톱 브라우저에서 학습하고, 마지막으로 듣던 위치부터 이어서 재생할 수 있습니다.
빠른 시작
- 1
Docker 컨테이너를 실행합니다
docker run -d -p 8080:80 --name echo-flow --restart unless-stopped luzhenhua/echo-flow:latest - 2
브라우저에서 http://localhost:8080을 엽니다
사용 전 알아둘 점
- 앱에는 오디오나 레슨 콘텐츠가 포함되어 있지 않으므로 mp3 파일과 lrc 파일을 직접 가져와야 합니다.
- HTTP를 통해 제공해야 합니다. index.html을 직접 열면 데이터 파일이 로드되지 않습니다.
포함된 컬렉션
토픽
자주 묻는 질문
- echo-flow은(는) 무엇인가요?
- 내 mp3 및 lrc 파일을 브라우저에 로컬 저장해 문장별 영어 듣기와 섀도잉 연습을 할 수 있는 정적 웹 앱입니다. EchoFlow는 영어 듣기와 섀도 리딩 연습을 위한 브라우저 기반 도구입니다. 폴더, 여러 파일 선택 또는 zip 아카이브를 통해 원하는 오디오(mp3)와 싱크된 자막(lrc)을 가져올 수 있습니다. 문장을 클릭하면 해당 지점부터 재생되고, 오디오가 재생되는 동안 현재 문장이 강조 표시되며, 레슨 전체를 자동으로 이어서 재생할 수도 있습니다.
- echo-flow은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?
- echo-flow은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.
- echo-flow은(는) 아직 유지보수되고 있나요?
- 6개월 이내 업데이트. echo-flow의 마지막 커밋은 2026년 8월 7일입니다.
- 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를 바탕으로 AI가 작성했습니다. GitHub 통계는 매일 갱신됩니다.
관련 프로젝트
New Concept English 4권을 위한 브라우저 기반 플레이어로, 오디오와 문장별 재생, 중영 자막을 제공합니다.
집중 듣기, 섀도잉, 블라인드 듣기, 다시 말하기와 간격 반복 복습을 자동으로 진행하는 영어 듣기·말하기 연습용 Flutter 앱입니다.
로컬 MP4 영상에 자막을 편집·스타일 지정해 입히는 브라우저 기반 도구로, 기기 내 Whisper 음성 인식도 지원합니다.
영어 단어 암기와 키보드 근육 기억 훈련을 결합한, 업무에서 영어를 쓰는 사람을 위한 타자 연습 웹 앱입니다.
접속사를 사용해 문장을 만들며 문법과 어휘를 익히는 TypeScript 영어 학습 앱입니다.