我写了一个英语在线点读系统，译林英语在线点读

辅导小孩子学英语的时候，最头疼的就是“朗读”。市面上很多点读笔或者 App 要么收费，要么资源封闭，用起来不痛快。于是我就自己写了一个纯前端的英语在线点读系统。

在线地址是：https://tap.ichochy.com

它默认内置了《译林英语》4A、4B、5A、5B、6A 这几个学期的课本，打开就能用。

它能做什么？

• 单句点读：点击任意一句，立刻从那句开始朗读。
• 点句点读：播完当前句就自动停，方便一句一句跟读。
• 单句循环：反复朗读当前句，适合模仿发音。
• 全文朗读：一键播放整课，支持列表循环。
• 速度调节：0.5x 到 2.0x 六档倍速，想慢就慢、想快就快。
• 双语展示：支持双语对照、只显示英文、只显示中文，还有模糊翻译模式。
• 进度记忆：自动记住你上次学到哪一课、哪一句，下次打开继续。
• 明暗主题：跟随系统，也可以手动切换。

最核心的设计是：播放器和学习资源完全分离。

播放器只负责“读、播、记”，真正的课本内容（音频 + LRC 歌词）是以外挂静态文件的形式接入的。任何人都可以自己做一套资源，放到任意支持 CORS 的静态服务器上，就能挂到这个系统里用。

怎么用？

直接打开 https://tap.ichochy.com 就行。
也可以通过链接直达指定课本，比如：

• https://tap.ichochy.com/#YL4A
• https://tap.ichochy.com/#YL5A
• https://tap.ichochy.com/#YL6A

自己做资源的话，只要准备好 book.json、每课的 MP3 和对应的 LRC 文件（中英文用 | 分隔），托管上去，再在 data.json 里注册一下就能用了。

技术实现

整个项目是纯静态的，零框架、零依赖、零构建。
用原生 HTML + CSS + JavaScript（ES Modules），音频用 HTML5 Audio API，进度存在浏览器的 localStorage 里。部署到任何静态服务器都能跑。

代码已开源：
https://github.com/iChochy/iReader

为什么做这个？

就是为了让孩子学英语的时候，能方便地点一句读一句，不用翻来翻去找音频，也不用被各种广告和会员墙打扰。做完之后自己用着挺顺手，就开源出来分享了。