Avatar Experience
终极数字人
把 `/avatar` 升级成一个适合对外演示的数字人体验页。当前版本只做前端 UI、 浏览器本地摄像头与麦克风控制、消息区和状态流转 mock,不接 Simli、 OpenAI Realtime 或其他第三方实时链路。
Role Selector
多角色数字人体验
切换不同角色时,欢迎语、建议提问、介绍方式、互动语气和真实数字人形象都会同步变化。
Active Persona
编程老师
面向课堂与训练营展示的编程辅导数字人
更偏教学节奏,适合做代码讲解、Bug 分析和学习路线引导。
这个角色会把演示重点放在编程思路拆解、步骤讲清楚和鼓励式互动上,适合课堂体验、训练营招生活动和结课路演。
展示能力
代码讲解、Bug 分析、学习路线、课堂互动。
适用场景
少儿编程体验课、训练营展示、结课汇报。
演示语气
耐心、清晰、偏老师式引导。
Suggested Questions
推荐这样开场
切换角色后,这组示例问题会立即替换成对应人设的话题,更方便现场演示不同数字人的风格差异。
讲解课程亮点
你能先介绍一下这个编程课程的亮点吗?
分析 Bug 思路
如果我写程序遇到 Bug,你会怎么带我一起分析?
规划学习路线
如果我是零基础学生,你会怎么帮我规划学习路线?
Device Preview
数字人画面与本地预览
左侧展示数字人当前画面,右侧保留本地摄像头与设备状态,下方整合文字和语音输入入口,方便现场在同一块区域里完成完整演示。
数字人画面待开启
当前角色是 编程老师。等待开始真实 Simli 会话。
这里会显示数字人当前的画面与声音输出,适合在演示时直接观察出画效果。
Message Composer
输入文本或直接发起语音
文本消息会直接进入当前持续会话;持续待命默认不会自动开启麦克风,需要语音输入时可手动开启麦克风或使用手动录音。
手动语音入口
当前默认先保留静音待命;需要语音输入时,可以从这里手动开始录音。
持续会话还未准备好,先进入待命再继续体验聊天。
本地摄像头
进入持续待命或手动打开摄像头后,这里会显示本地浏览器预览画面。
Call Control
通话控制区
尚未进入持续会话
设备兜底
主路径外的手动控制主路径是从这里开始通话与挂断;摄像头会跟随会话联动,麦克风默认不自动开启,需要语音输入时再手动打开。
数字人状态
等待开始真实 Simli 会话。
摄像头
用于展示本地镜头画面,方便现场观察人物入镜效果。
麦克风
用于自然语音交流;进入持续待命后默认不会自动开启,需要语音输入时再手动打开。
Chat Simulation
更像真实产品的会话窗口
当前角色为 编程老师。聊天区会区分键盘输入、语音转写和数字人回复,让现场展示时一眼就能看出谁在说话、当前角色是什么风格。
进入持续待命后,就可以先输入文字;如果要语音输入,再手动开启麦克风即可。
Live Conversation
正在和 编程老师 对话
面向课堂与训练营展示的编程辅导数字人
更偏教学节奏,适合做代码讲解、Bug 分析和学习路线引导。
当前已载入 编程老师。切换角色后,欢迎语、建议提问和对话设定会立即同步变化。
刚刚
你好,我是编程老师。你可以把我当作现场助教,我会用更清晰的步骤帮你理解代码、拆解 Bug 和规划学习路径。
刚刚
Suggested Questions
适合向 编程老师 这样提问
切换角色后,这里会立刻替换成对应人设的话题,用来强化不同数字人的欢迎语、讲解方式和互动风格。
Response Mode
回复方式
编程老师 会优先回填文本内容,方便现场清楚阅读回复。
Speech Output
播报方式
回复会优先通过浏览器本地播放,适合作为稳定兜底。
Conversation Guide
当前交流状态
进入持续待命后,就可以先输入文字;如果要语音输入,再手动开启麦克风即可。
先进入持续待命,再开始自然对话;连接建立后这里会自动切换为实时交流提示。
Current Status
未待命尚未进入持续会话
Show Status
当前状态
点击“进入持续待命”后即可让页面保持连接,随时开始交流。
会话
待开始
数字人
待开始
摄像头
未开启
麦克风
未开启
连接诊断
点击“进入持续待命”后,这里会直接显示 OpenAI token、Simli token、Realtime connect、Simli connect 的执行结果。
OpenAI token
pending等待开始会话后请求。
Simli token
pending等待开始会话后请求。
Realtime connect
pending等待 OpenAI token 就绪后建立连接。
Simli connect
pending等待 Simli token 就绪后启动数字人。
展示页说明
当前为了快速排障,主界面临时保留了这 4 个关键启动步骤。完整系统日志、语音链路摘要和底层事件仍然收口在“展开详细日志”里。
Avatar Brief
编程老师
更偏教学节奏,适合做代码讲解、Bug 分析和学习路线引导。
展示能力
代码讲解、Bug 分析、学习路线、课堂互动。
适用场景
少儿编程体验课、训练营展示、结课汇报。
演示语气
耐心、清晰、偏老师式引导。
Session Script
当前欢迎语
切换到 编程老师 后,在 Device Preview 中点击“进入持续待命”即可建立会话并打开摄像头;麦克风默认保持关闭,当前会优先用文本继续对话。