iReader 英语点读学习系统，译林小学英语在线点读

 原文：https://ichochy.com/posts/web/20251207.html

---

辅导小孩子英语，朗读是个问题。想着写个点读系统，辅助学习英语。 在AI的辅助下，生成了个英语在线点读系统。可以将文本资源转换为单句点读的方式学习英语。

---

英语在线点读系统

一个在线点读系统，将资源和播放系统分开，外挂资源实现英语在线点读学习。

可以自己制作自己需要的学习资源，通过外挂资源的模式实现在线点读学习。

信息

Demo: https://tap.ichochy.com
Blog：http://ichochy.com
GitHub：https://github.com/iChochy/iReader
音频资源：https://github.com/QiLoong/YL-English-Book

系统使用

系统地址：https://tap.ichochy.com

系统默认资源为：
《译林英语》4A课程：https://github.com/QiLoong/YL-English-Book

通过bookPath参数外挂加载资源:
外挂资源：https://tap.ichochy.com?bookPath=https://yl.mleo.site/4A

外挂资源

资源内容参考：https://github.com/QiLoong/YL-English-Book

系统功能：

1. 单句点读，点击单句可以单句点读
2. 全文朗读，点击播放可以全文朗读
3. 速度调节，点击速度调节按钮调节朗读速度
4. 中英展示，界面中、英文同步展示
5. 课文切换，课文可以上、下课快速切换
6. 进度记录，保存学习课文记录，再此进入系统继续上次学习的课文
7. 外挂资源，通过参数bookPath，外挂加载自己的学习资源
8. 主题切换，明、暗主题随意切换

本地部署 Nginx

下载项目

下载地址：https://github.com/iChochy/iReader/archive/refs/heads/main.zip
下载并解压，放入用户目录，如：/Users/iChochy/iReader

安装Nginx

brew install nginx

修改配置文件

1. 运行 nginx -h

iChochy[home]:nginx -h
nginx version: nginx/1.29.3
-c filename   : set configuration file (default: /opt/homebrew/etc/nginx/nginx.conf)

Nginx 默认配置文件：/opt/homebrew/etc/nginx/nginx.conf

2. 修改配置文件：

    server {
        listen       80;
        server_name  localhost;

        #access_log  logs/host.access.log  main;

        location / {
            root   /Users/iChochy/iReader;
            index  index.html index.htm;
        }

将root参数指向项目的目录/Users/iChochy/iReader

运行Nginx

brew services start nginx

访问系统

本地地址：http://localhost
浏览器访问地址，查看点读系统

注: 监听端口: listen 80

系统截图

Mobile:

PC: