⚡
同屏演示（推荐先看）
左边学员端、右边指导教练端，一键跑完整流程：提问 → 智能体预填 → 发送 → 飘屏 → 动作异常告警 → 喊话审核 → 语音播报。
一键演示全流程 ›
乐瘦
1 对 1 塑形管家 · 同框陪练
干净运动科技风 · 绿黑金 | 学员端小程序 + 指导教练端 + 管理员网页后台
下面是可点击、可操作的前端原型，不是静态效果图。三个端数据实时互通。
业务闭环
① 线上同框练习
⇄
② 线上塑形管家（含同框月卡）
＋
③ 线下减脂训练营
→
订单自动分派给对应服务联系人
同框与线上管家由同一个服务官对接；减脂训练营是线下服务，由营长单独对接，且不含线上管家。
先把两个词搞明白：飘屏 和 喊话
💬 飘屏
是什么：教练回复你的文字，直接飘在你的练习画面上，透明底 + 描边字，不挡视线。
什么时候出现：你按住说话提问 → 转成文字 → 派给一位技术指导 → 他确认或修改后点发送 → 文字飘到你画面上。
特点：单条不超过 30 字；涉及医疗（比如膝盖疼）会变成黄色；几秒后自己消失；只有你能看到。
🔊 喊话
是什么：技术指导用声音直接喊你，画面左上角出现教练小图 + 小喇叭，同时文字也飘出来。
什么时候出现：每 5 分钟一次鼓励；开练第 1 / 3 / 10 分钟提醒「有问题就问」；摄像头发现你空镜、不动或动作不协调时的纠正。
特点：男教练房一定是男声、女教练房一定是女声；必须经技术指导试听后点发送，不发送你听不到；只在你的房间响。
一句话区分：飘屏 = 给你看的字（你先问，教练才回）；喊话 = 给你听的声音（系统或教练主动喊）。
先从这里开始
📱
学员端（小程序）
微信登录 → 填手机号 → 首页宣传 → 购买体验/月卡/管家/训练营 → 横屏 1 对 1 同框练习。免按键说话提问、浮动键盘、飘屏回复、实时卡路里。
进入学员端 ›
🎧
指导教练端
从学员端「我的 → 指导教练端」进入。全段服务多房间、一行问题队列、智能体预填可改可发、医疗问题标黄、同类问题一键处理、喊话试听后再发。
进入指导教练端 ›
🖥
管理员后台（网页版）
改价格与优惠、教练视频与资料审核、男女语音素材库、文字话术库、指导教练审核、学员数据、订单分派、意见投诉、首页滚屏配置，以及管家/训练营宣传视频与广告弹窗总开关。
进入管理后台 ›（密码 leshou888）
几个关键机制，演示时请留意
按住才说话，说完转文字
必须按住底部绿色按钮才收音，松手把这一段转成文字发给技术指导；没有免提、不会一直听着学员。技术指导只看文字，不用听录音。键盘是浮在视频上的，点开才有输入框。
飘屏回复 < 30 字
指导教练的回复以透明底 + 描边字体飘在学员画面上，单条不超过 30 字。涉及医疗的问题自动变成黄色。
学员之间互相看不见
学员只看到飘在自己画面上的回复，看不到指导教练的工作台、智能体候选答案，也看不到其他房间的任何内容。
喊话由技术指导发出（不用试听）
系统生成的鼓励 / 纠正喊话出现在指导教练端，点「直接发送」学员那边就会听到，不用先试听。学员的提问则由智能体先把答案填进输入框，教练改不改都能发，同一个问题每次给的说法还不一样。
声音跟教练性别一致
男教练房间喊话用男声、女教练房间用女声；指导教练端右上角会提示当前声线。喊话只在当前房间播放，别的房间听不到。
动作识别 & 节奏提醒
摄像头识别到空镜、长时间不动或跟练严重不协调时，指导教练端会告警；每 5 分钟一次鼓励，第 1 / 3 / 10 分钟及之后每 10 分钟提醒「有问题就问」。
话术自我学习
同一个相似问题配多条答案，轮流命中避免每次答一样；指导教练改过的句子会自动回流到管理员素材库，成为新候选。
一题一人 + 性别硬匹配
一条问题只派给一位技术指导，只有他看得到、能处理，回完即消失，不会被重复回复。录播教练的性别决定由谁服务：女教练房间只会派给女技术指导，房间里永远只有女声。
配音可以外包给固定的人
管理后台「语音录制」把要录的句子打包成一条链接发给固定配音人，TA 在自己电脑上打开 record.html 逐条录，录完下载录音包发回来，导入即入库。
宣传视频 + 广告弹窗（后台一个开关）
管家页和训练营页展示的是自己的宣传视频；学员进首页还会弹一支广告片。两支片子的链接和广告开关都在后台「视频与广告」页，开关一关，广告就彻底不弹。
哪里都能回首页
学员端每个子页（管家 / 训练营 / 我的 / 订单 / 意见）右上角都有「⌂ 首页」，跑步房间右上角也有；教练端、管理后台、配音页右下角都有「⌂ 返回首页」，学员端的底部导航四个 tab 也都点得动。
网页演示与微信真机的差别
网页里能完整演示的：页面流程、下单、房间同框、提问与飘屏、指导教练工作台、喊话审核、管理后台全部功能、语音播报（浏览器语音合成，能听出男女声差异）。
网页里做了降级的：
· 语音识别：依赖浏览器的语音识别能力，Chrome 可用；若你的网络环境不支持，学员端会自动提示，此时可用浮动键盘打字，微信真机中不会出现这个问题。
· 摄像头动作识别：网页用摄像头画面帧差模拟「动作完成度」分数；微信真机由端侧视觉模型输出同一分数字段，上层逻辑完全一致。
· 微信登录 / 手机号授权 / 支付：网页用模拟弹窗代替，字段与真机接口一一对应。
· 手机横屏：网页里是模拟横屏容器，微信真机通过 pageOrientation: landscape 实现。
详细说明见 docs/TECHNICAL.md 与 docs/OPERATION.md。
网页里做了降级的：
· 语音识别：依赖浏览器的语音识别能力，Chrome 可用；若你的网络环境不支持，学员端会自动提示，此时可用浮动键盘打字，微信真机中不会出现这个问题。
· 摄像头动作识别：网页用摄像头画面帧差模拟「动作完成度」分数；微信真机由端侧视觉模型输出同一分数字段，上层逻辑完全一致。
· 微信登录 / 手机号授权 / 支付：网页用模拟弹窗代替，字段与真机接口一一对应。
· 手机横屏：网页里是模拟横屏容器，微信真机通过 pageOrientation: landscape 实现。
详细说明见 docs/TECHNICAL.md 与 docs/OPERATION.md。
乐瘦 LeShou · 前端原型 v1.0 | 数据保存在浏览器本地，点后台「重置演示数据」可恢复初始状态