八荒启自主研发产品

玄武屏使用手册

融万物于一屏 · 以交互动画为魂,重塑演示的边界

89 章 · 持续更新

89
章节
4
版本
v1.0
产品最新版
多端联动

37. 多终端矩阵适配

更新于 2026-10-28

玄武屏的多端联动覆盖 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。