Bloom 手势演示操作 · 录屏指南
用途：照此指南在本地跑起 Bloom，并用竖屏 + 隐藏面板模式录一段干净的手势演示短视频。
适用：Windows / macOS 桌面，Chrome 或 Edge 浏览器，需本机摄像头。
一、运行方式（30 秒起手）
- Windows ：双击
START-Windows.bat→ 自动打开http://localhost:9999。 - macOS ：双击
START-Mac.command→ 自动用 Chrome 打开http://localhost:9999。 - 页面打开后点 Enable camera，浏览器请求摄像头时选「允许」。
- 把手举到镜头前，页面提示 "Raise a hand to begin" 即开始识别。
注意：不要 直接双击
index.html打开------浏览器禁止file://加载识别模型与 wasm。摄像头实时识别全部在本机离线完成，不上传任何画面。
二、录屏前准备
| 步骤 | 操作 | 作用 |
|---|---|---|
| 1 | 进入页面后按 V |
切到手机竖屏 9:16 画框，适合抖音 / 视频号 |
| 2 | 按 H |
隐藏摄像头上的操作面板，画面更干净 |
| 3 | 调整摄像头与手的距离 | 让手掌占画面 1/3~1/2，五指清晰、背景简洁 |
| 4 | 光线均匀、正面打光 | 避免逆光导致手部轮廓识别丢失 |
| 5 | 关掉占摄像头的其它软件 | 微信、腾讯会议等会抢占摄像头 |
三、分镜脚本（建议总时长 40~60 秒）
| # | 画面 / 运镜 | 手势 | 字幕 / 旁白建议 | 建议时长 |
|---|---|---|---|---|
| 1 | 静态开场：空白纸面 + 标题 | 手不入镜 | 「用摄像头，让一朵花在指尖开放」 | 3s |
| 2 | 两指入镜特写 | 拇指 + 食指张开再捏合（其余三指收起） | 「捏合，花慢慢开 / 合」 | 8s |
| 3 | 手掌正对镜头 | 依次伸出 0→5 根手指 | 「数几根手指，开到第几级」 | 8s |
| 4 | 五指全张开，缓慢转掌 | 五指张开，手腕左右轻转 | 「五指全盛，转掌花也跟着转」 | 10s |
| 5 | 横向快速一挥 | 手从左到右 / 右到左快速挥动 | 「挥一挥，换一朵花」 | 6s |
| 6 | 双手入镜 | 两只手都举进画面 | 「双手入镜，左右各开一朵」 | 8s |
| 7 | 结尾定格 | 五指全张开 + 花瓣飘落 | 「指尖花开 · Bloom」 | 4s |
拍摄节奏：每个手势停留 1~2 秒让识别稳定，再切换；挥手动作要快而明显，识别更灵敏。
四、录制工具
- Windows ：
Win + G召唤 Xbox Game Bar 录屏；或 OBS Studio（源选「浏览器 / 窗口捕获」）。 - macOS：QuickTime Player「新建屏幕录制」；或 OBS Studio。
- 推荐同时录系统声音 + 麦克风轻旁白；背景乐可后期加。
五、导出与发布
- 导出竖屏 1080×1920（9:16），H.264 编码，MP4。
- 首帧放「花全盛」或「双手双花」高光画面作封面。
- 发布平台：抖音 / 视频号 / B 站 竖屏区；标题示例：「摄像头手势开花，纯前端离线运行」。
六、常见问题
| 现象 | 可能原因 | 处理 |
|---|---|---|
| 点 Enable camera 无反应 | 浏览器未授权摄像头 | 地址栏点锁形图标 → 允许摄像头；或换 Chrome/Edge |
| 手势识别迟钝 | 光线差 / 手太小 / 背景杂乱 | 正面补光、手靠近镜头、背景纯色 |
| 挥手不触发换花 | 挥动幅度/速度不够 | 加大横向幅度、加快速度 |
| 端口 9999 提示被占用 | 上次服务没关 | 关掉之前的命令行窗口后重开 START-Windows.bat |
本指南为录屏操作辅助文档，非项目源码；项目运行逻辑以 README.txt 为准。
具体资源见：https://download.csdn.net/download/u012151556/93726556