SlideStage 生态 · what-is-slidestage
SlideStage 是什么
镜像文档保留源仓库使用的语言。站内 chrome 仍按你选的语言显示。
SlideStage 是一组围绕 .stage 演示包构建的工具:把 HTML 幻灯片打包成一个可移植文件,在本地浏览器、桌面应用或自托管平台中播放和管理。
它的核心目标是同时保留两件事:
- HTML/CSS/JavaScript 演示的高保真表现力。
- 单文件交付、上传、归档和复现的稳定性。
适合谁
SlideStage 适合已经用 HTML 制作演示内容的人:设计师、开发者、产品团队、研究团队和需要长期保存演示资产的组织。
如果你只想把一份 HTML deck 发给别人播放,可以用 slidestage-pack 生成 .stage 文件,再交给 SlideStage Lite 打开。
如果你需要团队共享、上传、权限、笔记和批注持久化,可以把 .stage 文件上传到 SlideStage Pro。
产品组成
SlideStage Lite
SlideStage Lite 是本地优先的播放器和转换器。它在浏览器或桌面应用中打开 .stage 文件,不需要账号、后端或上传。
Lite 负责:
- 打开和播放
.stage演示包。 - 提供演讲者工具、激光笔、画笔、聚光、备注和第二屏观众窗口。
- 把 HTML deck、zip 或已有
.stage转换为严格的.stage包。 - 在浏览器端执行沙箱隔离和按包授权。
SlideStage Pro
SlideStage Pro 是自托管团队平台。它把 Lite 的播放能力放进一个多用户系统中,增加服务端存储、账号、邀请、笔记、批注和 Docker 部署。
Pro 负责:
- 管理团队的
.stage资料库。 - 上传、下载、查看和版本化演示包。
- 保存服务端笔记和批注。
- 用管理员邀请控制注册。
- 在 VPS 上通过 Docker Compose 部署。
slidestage-pack
slidestage-pack 是 Agent skill 和 CLI 工具,用来把已有 HTML 幻灯片打包为 .stage。
它负责:
- 识别 reveal.js、impress.js、huashu-design、html-ppt-skill、普通 HTML 和已有
.stage。 - 自动选择
split、wrap、single或passthrough模式。 - 生成
manifest.json、复制资源、抽取 speaker notes。 - 校验路径安全、manifest 合法性和文件大小限制。
.stage 是中心契约
.stage 是一个 zip 容器,根目录包含 manifest.json,并包含实际的 slide HTML、资源、缩略图和可选的离线镜像信息。
这个格式由 @slidestage/spec 定义。Lite、Pro 和 Pack 都依赖同一套格式规则,因此同一个 .stage 文件应该能在三者之间一致播放、上传和校验。
推荐工作流
最常见的路径是:
- 用任意 HTML 幻灯片框架制作 deck。
- 用
slidestage-pack或 Lite 转换器打包成.stage。 - 拖进 SlideStage Lite 本地播放,或上传到 SlideStage Pro 团队资料库。
这个流程让制作工具保持开放,同时让交付格式稳定。