英语口语跟读互动练习网页产品系统Vibe Coding

解决学生英语口语缺少陪练、发音得不到及时反馈的痛点，适用于中小学英语课堂练习、课后自主跟读与家庭辅导场景。

1. 功能模块：课本对话展示、AI 女声自动朗读（TTS）、点击录音跟读、语音识别自动打分、逐词对错标注、关键句式检测、重点笔记提示、一键重录、打字回答兜底、全句跟读模式、成绩汇总与星级评价、声音/麦克风诊断。
2. 功能描述：内置课本《Ella 播客谈学英语》对话 9 句，AI 先朗读主持人台词；学生点「开始录音」朗读自己的台词，浏览器语音识别实时转写并与原句逐词比对，按 60–100 打分（绿=读对、红=读错、灰=漏读），同时检测关键句式掌握情况；支持一键重录刷新成绩，练习结束自动汇总平均分与星级，并可切换为全部 9 句由学生朗读的模式。

1. 实现目标：单 HTML 文件零依赖实现全部功能——对话数据层（台词/重点句式/中文笔记）、流程状态机（AI 朗读→学生录音→识别→打分→下一句）、TTS 朗读模块（优先系统语音、在线 TTS 兜底）、语音识别模块（SpeechRecognition，含 iOS 实例重建兼容、错误提示与超时兜底）、评分算法（分词归一化 + 编辑距离对齐 + 词相似度打分 + 关键短语模糊匹配）、聊天式 UI 与麦克风诊断工具。
2. 运行环境：纯前端项目，Chrome / Edge（桌面与手机）打开即用，需 https 或 localhost 以启用麦克风；无需服务器与数据库，单文件可直接部署到任意静态托管（GitHub Pages、OSS、Nginx 静态目录等）。