开源!纯 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分钟教你打造自动化工作流!

相关推荐
自律懒人5 小时前
openJiuwen 企业级 AgentOS 实测:4 层架构 + 5 步部署,多智能体协作省 60% Token
ai编程
AI棒棒牛5 小时前
YOLO26 改进:融合 LW-DETR 思想的轻量 TokenMixer,让 Neck 从局部堆叠走向局部-全局协同!嘎嘎创新!
人工智能·深度学习·yolo·目标检测
Hello.Reader5 小时前
REA 深度实战让 AI Agent 学会逆向工程,从软件行为分析到二进制原理还原
人工智能
William一直在路上5 小时前
垂直领域大模型训练的一点思考和探索
人工智能·大模型·llm
腾讯云大数据5 小时前
本体立骨架,语义供刻度——DataBuddy对企业AI语义架构的一次完整回答
大数据·人工智能·架构·云计算·腾讯云
武汉星际互动5 小时前
从“一件事”到“一类事”,政务服务改革的“下一站”在哪里?
大数据·人工智能·政务
朝朝辞暮i5 小时前
VLA 系统学习第 20 课——Diffusion Policy 为什么要先给动作加噪,再学习把噪声去掉?
人工智能·python·深度学习·transformer·vla
七夜zippoe5 小时前
Agent 权限边界:别让 AI 误删你的生产库(安全设计)
数据库·人工智能·安全·ai·权限边界·安全设计
田里的水稻5 小时前
RL_强化学习概述---具身机器人
人工智能·深度学习·神经网络·机器学习
朝朝辞暮i5 小时前
第一部分:ACT 阶段总结——从 Behavior Cloning 到完整的 Transformer Action Policy
人工智能·pytorch·深度学习·transformer·vla