OralDoc产品系统

我要开发同款
Ryan_AI开发2026年10月02日
6阅读

技术信息

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

作品详情

行业场景

本项目立项旨在解决英语学习者雅思口语备考缺乏真实模考与即时发音诊断的痛点。面向教育/留学备考及多语种日常交流场景,提供AI考官模拟、跟读评测与发音矫正。业务背景覆盖碎片化自学,通过人工智能技术降低专业口语辅导门槛,实现“口语医生”式智能诊断。

功能介绍

OralDoc(口语医生)是一款AI驱动的Web口语陪练工具,支持AI考官模拟评分、多语种跟读、录音诊断与九国语言适配。基于TypeScript/React+AI技术,提供即时口语诊断。本人专注AI轻量应用(如Coze客服、单页Web)与办公自动化,可承接类似AI小单,周末快速交付。

项目实现

本项目实现一个AI口语陪练Web应用及Android混合APK。我负责前端核心开发与移动端打包部署:搭建React+TypeScript项目架构,实现九国语言切换、本地货币展示、AI考官对话及跟读评测交互,处理Capacitor WebView录音权限桥接与音频播放,配置Supabase数据接入,执行npm构建、Android签名打包与Cloudflare Pages部署。技术栈为TypeScript、JavaScript、React、HTML5、CSS,构建工具Vite,移动端使用Capacitor封装Android WebView,后端数据服务使用Supabase,AI能力接入大模型与语音识别/合成服务,部署于Cloudflare Pages。架构为单页Web应用+Capacitor混合容器,前端页面通过WebView承载,数据与AI服务通过HTTPS接口交互。亮点:实现AI雅思考官模拟真实考试流程并即时评分反馈,支持九国语言切换与本地货币适配,无需注册即开即用,通过Capacitor将Web应用打包为可分发APK。难点:Android WebView中录音与音频播放需处理系统权限与WebChromeClient权限桥接,否则getUserMedia静默失败;跨端显示需解决WebView横向滑动与安全上下文问题;APK签名打包需配置JAVA_HOME与keystore环境,且需避免提交密钥文件。

示例图片

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

评论