表情分析

页面36-emoji-capture.html · 表情分析 · 表情分析 · 1.1 · 验收见 ⑧ · 分工见 ⓪

阅读方式：每条先写界面上是什么，再写元素 ID 与接口。

展示顺序（按角色 · 章节号固定）

• 产品 / 老板：⓪ → ①～⑤ → ⑧
• 测试：⑧ → ①～⑤ → ⑦
• 研发：接口速查 → ①～⑤ → ⑥ → ⑦
• UI：①～⑤（图标路径在控件下）
• 数据 / 增长：⑨ → ⑥
• 多态页：③ 内分态 · ⑥⑦⑧⑨ 号不变

接口本页唯一 · POST /ai/emoji/analyze → display_emoji_result · 原型 mock · 完整见 ⑥

⓪ 本页做什么 · 分工速查

一句话：摄像头采集表情，有效帧 ≥70%、时长 ≥15s，腾讯云分析后给建议。

• 产品 / 老板：⑧；§9 Q5 有效帧率 · 链 F7 模拟面试
• 测试：⑧ + 采集/不足/完成三态 Tab
• UI：3:4 取景框 + 进度条 + 结果卡
• 前端：摄像头 + 腾讯云 API· 详 ⑥
• 合规：需摄像头授权 · 隐私说明见设置

① 顶栏 · 屏幕最上方

• 返回箭头 → btn_nav_back · 优先 history.back() · fallback 29-emotion-d.html
• 「表情分析」 · 顶栏标题 · 无 1.1 角标 → page_title
• 「请保持面部清晰，连续录制约 15 秒」 · 顶栏灰色小字 → copy_emoji_hint · 不上屏腾讯云/§9
• 「点击开始采集时将请求摄像头权限 · 可在设置中管理」 → copy_emoji_camera_hint
  • 点击/开始采集时 · 摄像头授权（与 F8 麦克风同一套产品规则 · scope.camera）
    • 非进页预授权 · 用户点击开始采集再申请
    • 拒绝：说明用途 · 可 openSetting · 不羞辱 · 埋点 emoji_cam_denied

② 采集中态 · 主内容（#capture）

• 3:4 取景预览区 → display_capture_preview
• 「请正视摄像头」 · 底部提示 · 只展示
• 「已采集 12s / 15s」 · 进度文案 · 只展示
• 「开始采集」 · 橙色主按钮 → btn_start_capture · 点击后 mock 权限 + 约 1.5s 切完成态
• 「需摄像头授权 · 隐私说明见设置」 · 页脚灰色小字

③ 有效帧不足态 · 全屏（#low）

• 「有效帧率不足 70%」 · 橙色警告 → state_low_frame_rate
• 「人脸不清晰或时长过短，请重试 · 本次不计入有效会话」 · 说明
• 「重新采集」 · 橙色主按钮 → btn_retry_capture

④ 完成态 · 主内容（#done）

• 「有效帧率 78% ✓」 · 结果头 → display_emoji_result
• 「面试前紧张度偏高，建议在模拟面试前做 3 次深呼吸练习」 · AI 建议 mock
• 「去模拟面试」 · 橙色主按钮 → btn_go_f7 · 链 17-f7-interview.html

⑤ 本页无贴底 Tab

采集态全屏取景 · 完成态 CTA 随内容。

⑥ 表情分析 · POST /ai/emoji/analyze（本页唯一）

说明：摄像头帧上传分析；原型 mock。上线渲染 display_emoji_result · 低帧率 state_low_frame_rate。供应商细节仅 ⑨。替换清单 → dev-notes · 静态 mock → API。

• 何时调 · 用户确认采集后 · 按需 scope.camera
• 鉴权 · 需登录
• 请求 · 压缩帧 blob · 服务端转发识别
• 响应→控件 · emotions[] · summary → 结果区
• 失败与边界 · 拒绝摄像头 → 引导设置 · 分析失败 Toast

⑦ 入口 · 出口

• 入口：情绪倾听 · 能力中心 表情分析
• 出口：17-f7-interview.html · 返回情绪页

⑧ 怎么验收

1. 左右对照：采集态「已采集 12s / 15s」、完成态「有效帧率 78% ✓」须与 ②④ 一致。
2. 左右对照：机模顶栏/页脚无腾讯云/§9 等技术小字 · 仅用户向采集引导。
3. 不上屏：供应商/有效帧阈值 · 仅 ⑥⑨ · 摄像头授权见 ② copy_emoji_camera_hint
4. 打开：双击 36-emoji-capture.html · 三态 Tab 可切换。
5. 不足：切 Tab · 见 70% 警告 +「重新采集」。
6. 完成：切 Tab · 见建议 +「去模拟面试」→ F7。
7. 采集：点「开始采集」→ Toast → 自动切完成态 · 「重新采集」回采集态。

⑨ 团队补充

• 图标资产（第二批） · app-image/ICON-CATALOG.md · 全站通用 §7 · 上传 §8 · 品牌 §9 · 本页见 §10 索引表
• 图标资产（第三批） · app-image/ICON-CATALOG.md · 状态栏 §11 · 增长/分享 §12 · 表单/附件 §13 · 法务 §14 · 订单/空态 §15 · 媒体/语音 §16 · 本页见 §10
• 图标资产（第四批） · app-image/ICON-CATALOG.md · F4 模块 §18 · 状态徽章 §19 · 弹窗/加载 §20 · 联系打码 §21 · 折叠/更多 §22 · 文件类型 §23 · 分享装饰 §24 · 账号 §25 · 本页见 §10
• 分期与排期 · 产品/研发见 launch-static-to-api · 开发说明 ②～⑦ 不写「阶段 N」
• 埋点 · emoji_capture_start · emoji_capture_fail · emoji_capture_done · emoji_to_f7
• 原型限制：静态三态 · _emoji-prototype.js mock · 无真摄像头 · 正式上线 → launch-static-to-api