Specreel icon

Specreel

Specreel 将 Playwright 浏览器流程或已部署应用场景转为带旁白、可分享的演示,并可重新运行进行端到端检查。适合开发者和产品团队,提供本地开源 CLI 与托管 Cloud 工作流,帮助演示持续更新。

Specreel

生成可分享演示的浏览器测试

Specreel 是面向团队的浏览器流程测试和演示发布工具,适合希望产品演示与应用保持一致的团队。它将端到端测试和录制的演示视为同一份产物:一种可以重放、检查和分享的浏览器流程。

开源 CLI 可以在本地或 CI 中运行,并将 Playwright 跟踪渲染为带旁白的图库。Specreel Cloud 则从已部署的 URL 开始,发现候选流程,在托管浏览器中运行这些流程,并提供带定期检查和中断提醒的托管图库。在这两种工作流中,流程发生变化或运行失败,都能在分享过时演示之前发出信号。

功能

基于跟踪的演示渲染

Playwright 跟踪文件会变成带旁白、可分享的演示图库。在标准工作流中,字幕根据录制的点击和断言生成,不使用 AI。

CI 中的时效性检查

GitHub Action 可以在每次构建通过后,将图库重新发布到同一 URL,使已发布的演示与最新的通过构建保持一致。

变化与失败信号

对于发生变化但仍然通过的流程,渲染器会显示琥珀色的“已更新”徽章;而流程出错时,构建会变为红色,不会发布不正确的演示。

流程发现与脚手架

recommend 命令会抓取正在运行的应用,为值得展示的流程排序,并创建可运行的 Playwright 脚本。托管扫描器可以根据已部署的 URL 创建可编辑的场景。

可移植演示与导出

本地工具可以创建自包含的 gallery.html,将图库发布到 URL,通过 iframe 嵌入,并导出包含真实截图、字幕和配音的 MP4。

托管自动化接口

Specreel Cloud 提供 MCP 服务器和 JSON API,可用于创建项目、配置登录、添加场景、运行检查,以及从兼容的 AI 工具或 API 客户端获取图库结果。

使用场景

  • 保持发布演示的时效性

    在现有 Playwright 套件中启用跟踪,并在构建通过后发布生成的图库。这样,演示就成为回归覆盖的直观配套,而不是单独录制的资产。

  • 没有现有测试套件也能创建演示

    将 Specreel 指向预发布或生产环境 URL,以查找表单、搜索和导航流程,然后使用日常英语编辑生成的场景,并在托管浏览器中运行。

  • 分发产品演示

    使用本地包、URL 或 iframe,在文档、销售材料或内部评审中分享产品演示。MP4 导出支持需要视频文件的场景。

  • 自动化演示和检查创建

    将托管 MCP 服务器或 JSON API 连接到 AI 编程工具或自动化客户端,使其能够扫描应用、配置访问权限、运行场景,并返回图库 URL 和失败流程结果。

Pros and Cons

Pros

  • 将录制的浏览器流程与端到端检查连接起来,无需分别维护演示和测试。
  • 同时支持本地开源 CLI 和面向已部署应用的托管工作流。
  • 提供多种分发格式,包括托管图库、打包的 HTML、iframe 嵌入和 MP4 导出。
  • 当团队尚无 Playwright 测试套件时,可以发现流程并创建脚手架。
  • 将发生变化但通过的流程与出错流程分开显示,有助于区分界面更新和失败。

Cons

  • 本地工作流依赖 Playwright 跟踪文件和 Chromium 安装。
  • 需要身份验证的托管流程需要合适的测试账户、会话或测试登录路由;会话可能过期,需要刷新。
  • 文档中记录的 /pricing URL 无法打开托管定价页面,因此应在 Cloud 产品中确认方案详情。

FAQ

Specreel 可以与现有的 Playwright 测试套件配合使用吗?

Specreel 可以使用现有的 Playwright 工作流。启用 tracing,使测试运行生成 trace.zip 文件,然后针对 test-results 目录运行渲染器。如果没有现成测试,CLI 也可以从 URL 创建流程脚手架。

如何设置开源 CLI?

对于本地工作流,请安装 specreel 和 Playwright 软件包,安装 Chromium,生成或运行流程,然后渲染生成的跟踪文件。还可以将图库生成为自包含的 HTML 文件。

Specreel 可以测试需要身份验证的应用吗?

可以。托管工作流接受已部署的应用 URL,扫描表单、搜索和导航等流程,并创建可编辑的场景。身份验证可以通过专用测试账户、已保存的会话或测试登录 URL 进行配置;也可以在无需登录的情况下使用公开页面。

Specreel 可以生成什么?

本地工作流可以生成图库、单文件 HTML 包以及带旁白音轨的 MP4。托管运行会提供可分享的图库 URL,而本地图库可以发布到 URL,或通过 iframe 嵌入。

CLI 与 Specreel Cloud 有什么区别?

开源 CLI 在用户的计算机上或 CI 中运行。Specreel Cloud 从托管服务运行浏览器工作流,并可以安排检查、发送中断提醒以及提供托管图库;可用的托管功能取决于所选方案。

Quick Facts

类别
开发者工具;浏览器测试与演示发布
本地引擎
使用 Playwright 和 Chromium 的开源 Python CLI
托管引擎
位于 app.specreel.dev 的 Specreel Cloud
主要输入
已部署的应用 URL 或 Playwright trace.zip 文件
本地输出
带旁白的图库、自包含 HTML 包和 MP4 导出文件
分发方式
由 CI 发布的 URL、iframe 嵌入或托管图库链接