ScreenCI icon

ScreenCI

ScreenCI 是一款面向开发者的产品视频工具,可基于 Playwright 脚本制作演示视频,支持本地或 CI 录制,帮助团队生成可随 UI 变化重新运行的讲解和演示。

ScreenCI

概览

ScreenCI 是一款面向开发者的产品视频工具,将教程视频视为代码。你可以在基于 Playwright 的 .screenci.ts 脚本中描述一个流程,ScreenCI 会驱动应用、录制交互,并生成带有旁白、镜头运动和覆盖层的精美视频。

该工作流的设计目标是让视频在 UI 变化后可以重新生成。文档说明,你可以在本地或 CI 中录制,让服务端远离你的源代码和浏览器会话,并通过下载或基于 CDN 的静态 URL 交付结果。

功能

以代码定义视频

在基于 Playwright 的 .screenci.ts 脚本中一次性描述产品流程,然后让 ScreenCI 驱动应用并根据这段代码渲染成品视频。

本地与 CI 录制

可在你的机器上或 CI 中运行 CLI,录制期间只有原始录制数据和时间信息会离开你的环境。

云端渲染与交付

ScreenCI 在云端渲染旁白、缩放和动画,并且可以将最新已批准版本发布到基于 CDN 的静态 URL。

自动缩放镜头运动

使用自动缩放跟随屏幕上的交互,而无需为每次移动都手动设置缩放点。

时间轴素材与覆盖层

在时间轴上将图片、SVG 和 MP4 片段作为定时素材添加,同时支持程序化的 React 或 HTML 覆盖层。

旁白与语言控制

从支持的 79 种语言中选择旁白,并可根据套餐支持多语言、语音选项和风格化旁白。

使用场景

  • 产品变更后保持教程更新

    将产品演示流程以代码形式记录下来,然后在界面变化时重新运行同一脚本,使教程始终与当前 UI 保持一致。

  • 在 CI 中自动生成视频

    在仓库工作流中设置录制,使发布或主分支推送能够生成更新后的视频,而无需手动录制。

  • 制作带旁白的演示和功能说明

    添加旁白、覆盖层和定时媒体,制作适合面向客户文档或营销页面的精美产品演示。

  • 从代理辅助设置开始

    在你希望获得引导式设置而不是手动编写全部内容时,可以借助编码代理来搭建 ScreenCI 并生成第一段视频。

Pros and Cons

Pros

  • 在录制期间,源代码保持在本地;服务仅接收原始录制数据和时间信息。
  • 当 UI 变化时,可以重新运行同一个脚本,这有助于让视频与产品保持一致。
  • CLI 同时支持本地使用和 CI 工作流,包括生成的 GitHub Actions 配置。
  • 该产品在每个套餐中都提供网页编辑器,用于旁白、语言、素材和渲染选项。
  • 提供无需注册或信用卡的免费试用,用户可以在付费前评估整个工作流。

Cons

  • 文档未在已捕获文本中提供完整的端到端演示,因此此处只能部分看到设置细节。
  • 某些功能受套餐限制,例如多语言旁白、4K 输出以及 Business 方案中的某些语音选项。

FAQ

ScreenCI 是如何工作的?

ScreenCI 使用基于 Playwright 的脚本来描述产品流程,然后通过其服务录制并渲染视频。文档说明,你可以通过编码代理来设置,也可以手动自己编写脚本。

ScreenCI 可以在 CI 中运行,也可以本地运行吗?

概览部分说明,CLI 可在你的机器上运行,也可在 CI 中运行。CI 设置页面解释说,生成的工作流使用 GitHub Actions 录制,并且设计上与 Playwright CI 保持一致。

是否有免费试用或水印?

定价页面说明,免费试用最多包含三次录制,并带有水印,仅供评估使用。付费方案取消试用限制,并允许商业使用。

哪个方案适合团队?

定价页面列出 Starter 方案适合个人使用,Business 方案适合团队协作。页面还说明,每个方案都包含用于旁白、语言、素材和渲染选项的网页编辑器。

Quick Facts

类别
开发者工具 / 视频编辑
主要工作流
基于 Playwright 的脚本录制产品流程并渲染视频
录制模式
本地机器或 CI
交付方式
下载或基于 CDN 的静态 URL
支持的旁白语言数
79
网站
screenci.com