玄武屏的多端联动覆盖 6 种终端:电脑(编辑 / 演示)、平板、手机、大屏 / 投影、触屏一体机、车载 / 嵌入式。本节讲每种终端的角色定位 + UI 适配。
终端矩阵
| 终端 | 默认角色 | 关键能力 |
|---|---|---|
| PC(编辑器) | 创作者 | 完整编辑、AI 助手、性能监控 |
| PC(演示) | 主讲人 | 主讲人视图、激光笔、双屏 |
| iPad / 平板 | 参与者 | 触屏交互、独立动画副本 |
| 手机 | 观众 | 跟随、反应(轻量) |
| 大屏 / 投影 | 镜像主讲人 | 仅显示、无交互 |
| 触屏一体机 | 自助访客 | Layer 4 自助模式 |
| 车载 / 嵌入式 | 镜像 / 演示 | 简化 UI |
PC 编辑器(创作者)
- 完整功能
- 双屏支持(主屏编辑、副屏预览)
- 大量快捷键
- 高级 AI 能力面板
不在多端联动里直接参与(除非切到演示模式)。
PC 演示模式(主讲人)
- 完整主讲人视图
- 双屏:电脑屏主讲人视图、投影屏观众视图
- 与翻页器(USB 或蓝牙)联动
- 物理激光笔接入
iPad / 平板(参与者)
参与者的最佳设备:
- 屏幕大,能看清动画
- 触屏交互直接(拖滑块、画笔)
- 续航长(比手机适合长课)
iPad 专属优化:
- 工具栏自动隐藏,最大化画布
- Apple Pencil 支持高精度画笔
- 分屏 = 一边玄武屏、一边笔记 App
- 自动横屏(强制 16:9 适配)
手机(观众)
观众的兜底设备:
- 屏幕小,只看不答
- 单击 = 翻下一页
- 上滑 = 反应菜单
- 主讲人备注完全隐藏
如果想用手机参与互动:
- 答题时用手机扫二维码
- 弹出迷你答题界面
- 主屏继续显示演示画面
大屏 / 投影(镜像)
- 通常是主讲人 PC 的副屏
- 显示观众视图(无主讲人备注)
- 触摸屏可降级为参与者
触屏一体机(Layer 4 自助访客)
无主讲人模式:
- 访客点击进入
- 自动播放或互动操作
- 多语言切换按钮
- 重置按钮(下一访客重置状态)
详见「44. 展厅自助播放模式」。
车载 / 嵌入式(特殊)
- 简化 UI(避免开车分心)
- 大字号 + 高对比度
- 只读 + 语音播报
- 接入车机系统的方向盘按键
部署需定制,见「77. 定制服务流程」。
自适应布局
每种终端的画布渲染逻辑:
读取演示文稿的 logical canvas(如 1280×720)
↓
检测当前终端的物理屏幕尺寸
↓
等比缩放(保留宽高比)
↓
居中放置,黑边补足逻辑尺寸不变,只是渲染时按物理尺寸缩放。元素位置(相对 0–1)始终一致。
跨终端切换
用户在 PC 上看演示,途中切到手机继续看:
扫二维码 → 进入手机端 → 自动同步到当前页跨设备状态通过账号同步(演示房间 + 用户绑定)。
边缘情况
- PWA 离线:手机加桌面图标 → 完全离线播放
- 微信内打开:自动适配 webview 限制(无 fullscreen API)
- 小程序版:仅支持观众角色(小程序 WebSocket 限制)
终端检测 API
主讲人视图右上角 → "在线终端":
👤 张三 PC 在线 延迟 30ms
👤 李四 iPad 在线 延迟 80ms
👤 王五 手机 断线 3s 前下一章进入"课堂系统"section。
