AI英语外教互动课堂产品系统Vibe Coding

我要开发同款
ShipSteady2026年10月25日
4阅读

技术信息

语言技术
HTML5、CSS、JavaScript
系统类型
Web、H5
行业分类
教育校园、人工智能

作品详情

行业场景

小学生在家练英语,开口很难:没有外教,孩子不敢说,家长也教不了。这个互动课堂由虚拟外教带着孩子按课程节奏一步步学单词、跟读、回答,课后给家长一份学习报告,用来验证 AI 辅助英语课堂的体验。

功能介绍

1. 课程路线:分热身、新词、开口、总结四段,进度可视。
2. 虚拟外教:外教 Ms. Emma 先示范讲解,讲完才开放学生回答,避免抢话。
3. 单词卡互动:点开单词卡可以看图、听发音、看中文释义。
4. 语音合成与字幕:外教讲话用语音合成,字幕支持纯英文、中英双语、关闭中文三种模式。
5. 学习报告:课后汇总完成情况和开口表现。
6. 多端适配:电脑和手机都能上课。

项目实现

我独立完成课程脚本编排、交互设计和前端开发,并接入语音合成服务。课程用一个确定性的状态机来控制每一步何时开放学生发言,保证课堂节奏可控。外教形象和单词卡素材风格统一;教学脚本是自己编写的,没有使用教材原文。

示例图片

声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论