通过 Playwright CDP 自动化浏览器操作并录制高质量产品演示视频，支持帧捕获与 FFmpeg 编码，适合 SaaS 产品展示与教程制作。
说明：
## 核心功能
Demo Video Creator 是一套完整的浏览器自动化录屏解决方案，专为创建专业级产品演示视频而设计。其核心工作流程分为三步：**规划演示序列**（定义页面路径、交互动作与时机）、**录制帧序列**（通过 Playwright CDP Screencast API 捕获 JPEG 帧）、**编码输出视频**（使用 FFmpeg 合成 MP4/GIF/WebM 格式）。
## 显著优势
– **高质量捕获**：基于 Chrome DevTools Protocol 的 screencast 能力，可捕获完整浏览器上下文，包括 CSS 动画、悬停状态、滚动效果，远超普通屏幕录制软件的窗口捕获精度
– **可编程自动化**：通过 JavaScript 精确控制每一次点击、输入、悬停和页面跳转，消除人工操作的手抖与犹豫，确保演示节奏一致、专业
– **灵活输出格式**：内置 FFmpeg 预设支持 H.264 MP4（通用兼容）、VP9 WebM（高压缩）、循环 GIF（嵌入文档/邮件），适应多平台分发需求
– **Clawdbot 集成**：直接连接自动化浏览器环境，无需额外配置显示服务或虚拟桌面
## 潜在局限
– **技术门槛**：需要编写 JavaScript 自定义 `DEMO_SEQUENCES`，非技术人员难以直接使用
– **无音频捕获**：当前方案仅捕获视觉帧，需后期通过 FFmpeg 或视频编辑器叠加音轨与解说
– **依赖环境**：要求预装 FFmpeg、运行中的 Clawdbot 浏览器实例，本地开发环境配置较复杂
– **动态内容风险**：若目标应用含不可预测的加载延迟（如 API 响应波动），固定 `waitForTimeout` 可能导致帧丢失或冗余等待
## 适合人群
– **产品经理/设计师**：制作功能更新介绍、交互流程展示
– **开发者/技术写作者**：创建 API 控制台演示、CLI 工具可视化教程
– **SaaS 运营团队**：批量生成个性化产品演示（如客户名替换、数据模拟）
## 常规风险
– **敏感信息泄露**：录制前需确认浏览器环境无生产数据、测试账号或内部域名暴露
– **资源消耗**：高帧率录制（低 `FRAME_SKIP`）可能短时间内生成大量 JPEG 文件，需监控磁盘空间
– **版权合规**：录制第三方网站内容需遵守其服务条款，避免未经授权的品牌素材使用
会员专属
