作品 / 象棋视频工作室

Xiangqi Video Studio 的真实视频预览界面,含棋盘、着法、字幕与时间轴 查看封面原图 ↗
Prototype · 开发中 · 浏览器编辑与预览 Private
2026

象棋视频工作室 · Xiangqi Video Studio

把棋谱、注释与视频时间轴组织在同一工作台中,让象棋内容创作者逐手整理棋局、调整画面并预览讲解。

自建 9 手演示棋谱;以下短片是浏览器操作录屏,不是原生导出的棋局成片。 观看短片与截图 ↓

实际操作与界面

为谁解决什么问题

面向象棋爱好者与讲解内容创作者。整理一段棋局讲解,需要在棋谱、局面、注释与画面节奏之间反复切换。这个工作台将它们放在一起,让创作者围绕每一步棋组织内容,并直接观察视频预览。

核心使用流程

  1. 在棋局工作台载入棋谱,逐手查看局面与注释。
  2. 调整棋盘外观,在视频视图查看着法信息与字幕。
  3. 播放或定位时间轴,检查棋局内容在画面中的呈现。

本页使用自建的 9 手示例棋局,不对应历史对局。录屏覆盖以上编辑和预览流程;原生导出另有独立验收要求。

我的贡献与技术决策

我负责产品、工作台架构、实现与验证流程。重点是把结构化棋谱与视频表达接起来,让棋盘、注释和动画保持联系。

  • React + TypeScript 组织编辑器交互与棋谱状态,让导航、注释与时间轴有明确的数据联系。
  • Remotion 用组件表达棋局画面,播放器与渲染路径复用画面逻辑;预览与导出的结果仍需要单独比较和验证。
  • Tauri 2 + Rust 承担原生桌面能力,渲染 worker 处理导出。浏览器预览可用,不自动证明原生桥与导出路径可用。

相关的预览 / 导出一致性工程思路见下方案例;案例保留自身的证据日期与验证范围。

当前状态与验证范围

项目处于开发中,未完成正式发布验收。素材来自固定源码版本 9811cd7,采集于 2026-11-03。

本次已观察:浏览器逐手导航、注释显示、棋盘外观切换、真实 Remotion Player 播放及时间轴定位。

未覆盖:原生桌面保存、MP4 导出、移动端交付与完整发布验收。该素材版本仍有非 Windows 导出桥不可用的已知问题,不能据此宣称 macOS 导出已修复。源码仓库保持私有。

关联工程案例

工程解读 · ENGINEERING

预览与导出一致性:fail-closed 的构件来源

让"所见"与"所得"可证明:构建来源身份 + 运行时 parity + 帧级比对。

阅读完整案例 →