架构延时影片

延时影片会把你项目的版本历史变成一部短片。影片从最早记录的修订开始,你的架构会在眼前自行搭建起来:元素逐个绘出,关系在画布上描线延伸,更新处闪烁提示,已移除的元素被红线划掉。最后以一段片尾字幕收尾,总结整段历程。

所有内容都由 Archyl 已经自动记录的版本计算得出——无需任何配置,而且影片是只读的:播放或导出都绝不会改动你的模型。

前置条件

延时影片需要项目至少有两个版本,且这两个版本在影片所处的层级上包含可见变更。版本会在你编辑时自动记录,所以通常只要有一点编辑历史就足够了。

如果你看到 "历史记录还不够",那就继续编辑图表——每一次编辑会话都会被记录为一个新版本。

打开影片

  1. 打开某个项目的图表视图。
  2. 点击工具栏(右上角)中的时间旅行
  3. 在面板标题栏中点击延时影片

播放器会全屏打开并自动开始播放。随时按 Esc 即可关闭。

延时影片按钮只有在项目已记录两个或更多版本之后才会出现。

你看到的是什么

影片会自动挑选信息量最大的层级——如果你的项目只有一个系统,就用容器层级,否则用系统上下文层级——并为每一个产生了可见变更的修订播放一个章节。

视觉语言

你看到的 它的含义
一张卡片带着光晕淡入 本次修订中新增了一个元素
一条线在两张卡片之间自行画出 一条新关系,标签为它的描述或类型
琥珀色的 更新 闪光 某个已有元素被更新了(描述、技术……)
红色删除线、一个已移除印章和一个虚线幽灵 该元素被删除了——它会以幽灵形式继续可见,因为删除也是故事的一部分

镜头会跟随动作:它会框住每次修订的变更,推近到最重要的那一簇元素上,并始终把一条新关系的两端都保持在画面内。

画面上的信息

  • 左上角 —— 项目名称、当前修订号,以及它的日期和作者。
  • 字幕 —— 每个章节都会显示该版本的描述,因此影片会用你团队自己的话来讲述自己。没有描述的章节会回退为 "修订 N"
  • 标签 —— 每次修订的摘要:+N 个元素+N 条关系~N 项更新−N 项移除
  • 右下角 —— 元素总数与关系总数的实时计数器。
  • 片尾卡 —— 一条片尾字幕带,包含里程碑刻度条(每个修订一格)、递增计数的统计数据、参与贡献的作者,以及一个 Rev NN — 当前 印章。

影片是完全本地化的:字幕、标签、印章和片尾都会跟随你的界面语言。

控制

操作 控件
播放 / 暂停 播放按钮,或按 Space
跳到某个时刻 点击或拖动进度条
跳到某个修订 点击时间轴上的 REV 药丸标记
关闭播放器 关闭按钮,或按 Esc

时间轴会为每个章节显示一个刻度,因此你可以直接跳到自己关心的那个修订。

选择哪些修订出现在影片里

很长的历史里往往有些修订对故事毫无贡献。点击控制栏中的筛选按钮打开修订列表,然后用眼睛开关隐藏任意修订。

  • 被隐藏修订的变更会合并进下一个可见修订——影片绝不会出现空洞。
  • 至少要保留两个可见修订;最后两行会自动锁定。
  • 显示全部可重置筛选。
  • 你的选择会按项目记录在当前浏览器中。

很长的历史

为了让影片保持可看,延时影片只覆盖最近 10 个修订。更早的内容会被折叠进开场章节,由它把你原有的架构作为定场镜头一次性绘出——所以什么都不会消失,只是不再逐个修订地做动画。

导出为 MP4

点击控制栏中的导出为 MP4。影片会在你的浏览器内逐帧渲染,并以 <project-slug>-timelapse.mp4 下载:

  • 1920×1080、24 fps、H.264
  • 渲染过程会显示实时百分比,并可随时取消
  • 不会上传任何内容——你的架构绝不会离开你的机器,也不涉及任何服务端渲染

渲染耗时大约是影片时长的三到四倍——一部 30 秒的影片需要一两分钟。渲染期间请让该标签页保持在前台。

前置条件

MP4 导出使用浏览器的 WebCodecs API,它需要:

  • 较新版本的 Chrome、Edge 或 Safari。 不支持 WebCodecs 的浏览器会把按钮显示为禁用状态。
  • 安全上下文 —— 页面必须通过 HTTPS(或 localhost)提供。在纯 HTTP 的内网地址上,按钮会保持禁用;把鼠标悬停在按钮上即可看到具体原因。

在纯 HTTP 上自托管 Archyl 是导出按钮被禁用最常见的原因——把应用放到 TLS 之后即可解决。

用在哪些场景

  • 新人上手 —— 新工程师用三十秒就能看完两年的架构决策。
  • 架构评审与复盘 —— 用影片开场,而不是一张静态的图。
  • 发布与里程碑公告 —— 把 MP4 丢进 Slack 或发布说明里。
  • 面向干系人的演示 —— 片尾卡会带上你的项目名称、统计数据和贡献者。

故障排除

"历史记录还不够" —— 项目中包含可见变更的版本少于两个,或者修订筛选隐藏了太多内容。打开筛选并选择显示全部,或者继续编辑以积累更多历史。

找不到延时影片按钮 —— 项目已记录的版本少于两个。

导出按钮被禁用 —— 你的浏览器缺少 WebCodecs,或者应用没有通过 HTTPS/localhost 提供。把鼠标悬停在按钮上即可看到具体原因。

导出中途失败 —— 重试一次;如果反复失败,请关闭其他占用较高的标签页,因为编码非常吃内存。

相关功能