玄武屏对外形态是一个网页演示工具，内部是分层叠加的能力体系：每一层都能独立使用，下层是上层的基础。
四层架构总览
Layer 4 · 大屏 / 自助模式
├ 21:9 / 32:9 超宽适配
├ 自助访客模式（无主讲人）
└ 外部触发（传感器 / 二维码 / API）
Layer 3 · 课堂 / 展厅互动
├ 错题收集 / 内容下发 / 圈点回收
├ 实时答题 + 学生状态上报
└ AI 课后学情分析
Layer 2 · 多端实时联动
├ 演示房间（邀请码 / 二维码 / 链接）
├ 三角色（主讲人 / 参与者 / 观众）
└ 断线重连 + WebSocket 同步
Layer 1 · 单机编辑 + 全屏播放
├ 编辑器 + 元素 + 动画
├ 母版 + 翻页过渡
└ 全屏播放 + 激光笔 + 画笔每一层独立可用
| 层 | 单独使用场景 |
|---|---|
| Layer 1 | 一个人做一份 PPT 替代品，本地展示 |
| Layer 2 | 远程会议、混合教室、跨地协同演示 |
| Layer 3 | 课堂教学、企业培训、展厅打卡互动 |
| Layer 4 | 无人值守展厅、城市大屏、自助导览 |
不是必须 4 层都用——用到哪层就开哪层。
数据流与权限
作者 → 编辑器（Layer 1）→ .xwp 文件
│
├── 本地播放（无服务端）
├── 在线分享链接（CDN 直出）
└── 演示房间（Layer 2/3/4，WebSocket 长连接）
│
└── 学情数据 / 互动埋点 → 服务端归档 → AI 分析与底层基础设施的关系
玄武屏不是单一前端项目，是一组互相协作的服务：
| 服务 | 作用 |
|---|---|
| 编辑器（前端） | reveal.js 派生，深度改造 |
| 多端 WebSocket 网关 | 演示房间、状态同步 |
| OSS + 鉴权代理 | 素材资源 + workId 防爬 |
| AI 编排服务 | 调度六大 AI 能力，按量计费 |
| 课堂数据归档 | 学情数据持久化 + AI-3 调用源 |
详细服务边界 / 部署形态见「77. 定制服务流程」与「84. 性能配置与调优」。
为什么这样分层
关键决策：每一层的能力都对应一个独立的商业付费节点：
- Layer 1：免费（构建用户群）
- Layer 2：免费（构建网络效应）
- Layer 3：组件会员 + AI 模块按量计费
- Layer 4：定制服务（B 端高客单价）
这意味着用户可以从 Layer 1 平滑升级，不强制为不需要的能力付费。详见「75. 组件会员」与「76. AI 模块独立计费」。
下一章带你 10 分钟做出第一份玄武屏演示。