← 返回项目库

新概念英语全四册在线点读系统（中文学习版）

面向英语学习者的全四册课文点读与中英对照播放器。

这是一个纯静态中文学习界面，按课本和课次加载课文字幕，支持逐句播放、双语切换、倍速、循环与主题切换；课文和音频通过 data.json 连接公开学习资源。

真实界面

项目截图

共 6 张

第 1–2 课 · Excuse Me
第 3–4 课 · Sorry, Sir
第 5–6 课 · Nice to Meet You
第 7–8 课 · Are You a Teacher
第 9–10 课 · How Are You Today
第 11–12 课 · Is This Your Shirt

Capabilities

核心功能

✓四册课本选择与 1985 版资源入口
✓课次列表与中文课次标签
✓中英字幕逐句展示
✓点击句子定位点读
✓播放速度与上一课、下一课导航
✓循环模式和翻译显示切换
✓亮色与暗色主题切换
✓适配手机、平板和电脑的响应式布局

适用场景

英语学习者按课次进行听力和跟读练习
教师在课堂或社群中展示双语课文点读流程
开发者基于纯静态前端搭建轻量学习工具

适合谁

英语自学者、教师、培训机构和需要搭建轻量听力练习页面的开发者。

商业化思路

开源学习工具与本地部署样例，可用于内部学习页面或二次开发；未声明托管订阅或代运营服务。

你会拿到什么

  • ✓完整 HTML、CSS、JavaScript 源码与中文界面修改
  • ✓上游 LICENSE、README、封面兜底资源和本地运行说明

部署流程

  1. 1将源码目录部署到任意静态文件服务器，并确保 index.html 可访问
  2. 2联网打开页面后选择课本和单元；如需本地预览可使用 Python 3 的静态服务器

真实验证结果

已通过 6 个真实运行中文界面、HTTP、可见正文、控制台、坏图和横向溢出质量门。

部署前须知

课文、字幕和音频依赖 data.json 中配置的公开站点，离线时无法加载远端课件；本交付不宣称离线音频托管、内容版权或第三方服务可用性。

部署难度

简单

最低配置

静态文件托管环境即可；本地验证使用 Python 3；联网时才能读取 data.json 配置的公开课文、字幕和音频资源。

开源许可证

MIT License

最后验证

2026-09-02

技术栈

HTMLCSS原生 JavaScriptLRC 字幕解析

授权说明

上游仓库包含 MIT License，交付包保留 LICENSE、版权声明和上游来源；中文化及封面兜底修改不扩大上游许可边界。原 README 的个人学习研究与非商业说明继续保留。

Release notes

版本记录

1 个已发布版本

vcn-745ff8a9b0e2 当前推荐

完成核心界面中文化，补充中文册次与课次标签，修复上游 cover 字段兼容，增加本地封面兜底和资源 HTTP 状态检查。

部署要求：静态文件服务器即可；本地预览可使用 Python 3，联网后才能加载 data.json 配置的公开课文、字幕和音频。

已知问题：远端课件服务不可用时，页面会显示加载失败提示；封面可回退到本地占位图，但课文与音频不会伪造离线内容。

登录后领取