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

相关推荐
-XWB-17 分钟前
【LLM】Agent Planning 完全指南:8 种纯 LLM 范式 + 8 种混合规划模式详解(二)
人工智能·经验分享·aigc·学习方法·ai编程
微硬创新26 分钟前
耐达讯自动化 CC-Link IE 转 PROFINET网关在污水厂智能化升级实战
人工智能·物联网·网络协议·自动化·信息与通信
Smoothcloud润云29 分钟前
国内GPU算力租赁平台横向测评:资源、成本、稳定性三维对比
人工智能·ai·云计算·gpu算力·gpu
点PY37 分钟前
一种从CTA图像中去除扫描床的方法及装置
人工智能·计算机视觉
沉默王二43 分钟前
腾讯一面,我霸气反问:“你说你们在做Agent项目,说说 SubAgent、Plan 模式、Skill 调用这些你们都是怎么做的?”面试官一直在擦汗。。
面试·agent·ai编程
晏宁科技YaningAI1 小时前
VoIP系统的工程实现模型:从信令控制到媒体传输的完整架构解析
网络·人工智能·架构·系统架构·信息与通信
IT_陈寒1 小时前
Vue这个特性差点让我加班到凌晨,谁懂啊
前端·人工智能·后端
kyriewen1 小时前
我让AI改一个bug——它偷偷动了5个我没让它碰的地方
前端·javascript·ai编程
D2aZXN3FhrDa7e2121 小时前
佛山AI智能获客系统适配性:工厂门店如何挑选工具
人工智能·美诚科技有限公司
机器之心1 小时前
WAIC现场,这家公司让一群不同的机器人共用一个大脑
人工智能·openai