2024—2026 · 持续开发 · web
ASPT Webcast UI
航天科普直播的专业 OBS 叠加包装系统
为 ASPT 航天科普小组直播设计的深空科技风 OBS 叠加方案：任务信息卡片、简报与大标题轮播、可配置 UI 与主题系统。
从文昌到种子岛
从酒泉到卡纳维拉尔角
从拜科努尔到星舰城
国内首款通用化航天直播包装
从此与您共览九天
- 职责
- 核心开发（与 CharlesZiy 协作）—— 前端包装与导播系统
- 技术栈
- PythonFlaskSocketIOHTML/CSS/JSOBSJSON 配置
7
Preset themes
3
Overlay layers
18
Launch sites
问题与目标
航天科普直播需要接近 SpaceX / Rocket Lab 水准的专业包装：信息呈现节奏、导播控制与可复用的任务模板。目标是一套配置驱动、可快速适配任意直播场景的叠加系统。
核心特性
- OBS 三层叠加：背景层、视频流层、UI 层独立管理（透明背景）
- 任务化内容管理：信息卡片、简报与大标题以直播任务为单位保存与复用
- 实时导播控制：Socket.IO 双向通信，控制台一键切换卡片，简报与大标题支持自动轮播与应急输入
- 信息卡片系统：标题、图片与自定义字段，双卡交叉淡出淡入，支持键盘快捷键
- 主题系统：7 套预设主题 + 自定义颜色与视觉效果，一键切换，支持品牌 Logo 配置
- 发射场天气卡片：覆盖国内外主要发射中心，支持手动触发与自动轮播
技术架构
后端 Flask + SocketIO 负责状态管理与实时推送；前端原生 HTML/CSS/JS，无框架依赖，保证 OBS 浏览器源中的稳定性；任务内容以 JSON 持久化，支持离线本地运行。
成果
- 已用于 ASPT 航天科普小组实际直播
- 支撑多次航天科普直播任务的信息包装与现场切换
- 2026-08 完成发射场天气卡片与缓存优化，系统持续迭代中