开源!纯 HTML 实现支持 0.75~2× 变速、iOS 熄屏防中断的英语点读站

🎧「用网页把新概念英语变成了 Spotify!」

在线玩 👉 https://wxaiway.com/nce/(点第 1 课,直接空格播放,再按 R 跟读,爽到停不下来)

1、一句话总结它能干啥

把新概念四册 音频+字幕扔到 public 文件夹,Vite 一开,你就得到了一个: ✅ 支持 0.75~2× 变速 ✅ 句子级点读 / 连续播放 / 复读模式 ✅ 中英双语一键切换 ✅ 全局快捷键 + 进度记忆 ✅ iOS 熄屏也继续放

2、5 分钟跑起来

复制代码
git clone https://github.com/wxaiway/nce-web.git
cd nce-web
npm i
npm run dev

浏览器打开 http://localhost:8080/nce/ 👉 默认带 NCE 示例,想加新书只要把 mp3 + lrc 扔进 public/ 再改一行 data.json 即可。

3、一键直达

源码:👉 https://github.com/wxaiway/nce-web

在线演示:https://wxaiway.com/nce/ 如果帮到你,求个 ⭐ Star,评论区告诉我你最想要的功能,下次迭代见!

4、彩蛋:整个项目是和 AI「对话」出来的

本项目全部由 AI 编写,如果 vibe coding 也帮到了你,去点个 Star,让 AI 听见我们的掌声 👏


相关阅读

如何用 ClaudeCode 编程实现批量裁剪水印工具

让 Claude Code 打工的结果:10 秒出卷,老师再也不用手编口算题

【译文】Anthropic 团队如何使用 Claude Code

如何与AI大模型协作创建抽奖转盘:从想法到完整网页的实战指南

10 分钟魔法:用 Claude Code 做个单页小游戏

让Claude Code"听话"的秘密,10分钟教你打造自动化工作流!

相关推荐
掘金一周几秒前
走过路过有没有好心人help一下,我有两个问题需要大家帮忙集思广益下 | 沸点周刊 6.11
人工智能·ai编程·沸点
cui1787568几秒前
物业费收缴困局的破题之路:2026年社区商业逻辑的底层重构
大数据·数据库·人工智能
北塔软件2 分钟前
北塔软件智能体平台 | 不只监控,更是AI时代的数据资产
运维·人工智能·知识库·北塔软件
早起CaiCai5 分钟前
【Pytorch 实践1】手写数字
人工智能·pytorch·python
monsion15 分钟前
Loop Engineering:你不再 prompt agent,而是设计 prompt agent 的系统
大数据·人工智能·prompt
卡梅德生物科技小能手19 分钟前
卡梅德生物科普MCAM(黑色素瘤细胞黏附分子)
人工智能·经验分享·深度学习
老兵发新帖23 分钟前
next drawio界面卡死问题分析
人工智能·draw.io
一楼的猫31 分钟前
茄子写作助手——品牌搜索突破9万后的技术型品牌认知与官网入口指南
人工智能·学习·机器学习·chatgpt·ai写作
ZeroNews内网穿透32 分钟前
NAS部署Hermes AI Agent + 零讯内网穿透,实现远程可管理的AI助手
人工智能·安全·ai·内网穿透
程序员黑豆33 分钟前
AI全栈开发 - Java:注释
前端·后端·ai编程