Repolode
luzhenhua

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. 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은(는) 무엇인가요?
내 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 통계는 매일 갱신됩니다.

관련 프로젝트