luzhenhua/echo-flow

これは何？

主な機能

• 01手持ちのmp3・lrcファイルを、フォルダ、複数ファイル選択、ZIPから読み込めます。
• 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ファイルをブラウザ内に保存し、英文を一文ずつ聞いてシャドーイングできる静的Webアプリです。 EchoFlowは、英語のリスニングやシャドーイング練習に使えるブラウザベースのツールです。音声（mp3）と同期字幕（lrc）は、フォルダ、複数ファイル選択、ZIPアーカイブから読み込めます。文をクリックするとその位置から再生が始まり、音声に合わせて現在の文がハイライトされます。また、レッスンを最後まで自動で再生することもできます。

echo-flow は無料で使えますか？ライセンスは？

echo-flow は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。

echo-flow は今もメンテナンスされていますか？

半年以内に更新あり。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