用 YouTube 影片練聽力的工具。看影片的時候覺得都聽懂了,實際要寫出來才發現根本不是那回事——這個專案就是要解決這個問題。
聽打練習
- 三種難度:初級給首字母提示、中級只給長度、高級完全自己打
- 切換難度時會記住你填過的內容,不用重打
- 打完馬上算準確率
播放控制
- 可以單句播放,播完自動停
- 循環播放模式,一句話重複聽到會為止
字幕互動
- 點字幕就跳到那個時間點
- 字幕會跟著影片自動捲動
其他
- 雙語對照(繁中、英文)
- AI 生成的影片摘要和章節重點
- 可以分享特定句子給朋友挑戰
- PWA 支援,可以裝到手機桌面
先看影片、看字幕、看摘要,搞懂內容在講什麼。點字幕可以跳轉,有翻譯可以對照。
切到練習模式開始聽打。三種難度隨你選:
- 初級:
h____(給首字母) - 中級:
_____(只給長度) - 高級:整句自己打
覺得某句話很難?分享給朋友一起練。
影片列表:
雙語對照:
多語言介面:
想了解實作細節可以看這些文檔:
技術棧:Next.js 15 (App Router)、React 19、Tailwind CSS v4、TanStack Query v5
測試用 Vitest + fast-check 做 property-based testing。
git clone <repository-url>
npm install
npm run dev
# http://localhost:3500MIT License - Copyright (c) 2025 LingoBitz









