Product Demo Video Creator 是一款基于 Puppeteer（无头 Chrome）的全自动工具，能够快速生成高质量的产品演示视频。该工具通过集成微软免费的神经语音合成技术（edge-tts）和图像叠加处理，实现了旁白配音、字幕叠加以及真实浏览器交互的自动化录制流程。整个制作过程无需人工干预，从场景定义到最终 MP4 输出全部由脚本完成，极大降低了制作专业级产品演示视频的技术门槛与时间成本。
用户只需在配置文件中定义每个演示环节的内容、目标页面和操作逻辑，系统便会依次执行语音生成、浏览器录制、文字叠加和视频合成等步骤。由于全程采用开源组件构建，且依赖服务均为免费资源，因此整个解决方案具备零额外费用的优势。无论是展示 Web 应用的核心功能，还是制作软件教程或营销宣传材料，该工具都能以一致的专业风格输出内容。
其核心技术栈包括 Puppeteer 用于模拟真实用户操作并捕获屏幕帧，FFmpeg 负责音视频编码与拼接，PIL/Pillow 实现动态文本覆盖，而 edge-tts 则提供自然流畅的旁白语音。这种模块化设计不仅保证了流程的高效性，也便于根据具体需求进行定制调整。最终生成的视频支持标准分辨率（如 1280×720），兼容主流社交媒体平台发布要求。
核心功能特点
- 全自动生成带旁白的演示视频，无需手动剪辑
- 集成微软 Neural TTS 提供免费高质量语音合成
- 支持 React 应用的精准交互模拟（reactSetValue）
- 智能文本叠加系统，自动添加标题、副标题和品牌标识
- 多场景灵活编排，支持 intro/tool/outro 三种模式切换
- 基于 FFmpeg 的多段视频无缝拼接与格式优化
适用场景
该工具特别适合需要频繁制作产品演示视频的团队或个人开发者，尤其是在缺乏专业拍摄设备或后期编辑能力的情况下。例如，SaaS 产品的市场团队可以利用它快速为新功能上线制作宣传短片，将复杂操作流程转化为直观的视觉内容；技术博主也能用它来创建详细的软件使用教程，提升观众理解效率。对于初创公司而言，低成本高效产出高质量 demo 视频有助于加速客户转化和产品推广。
此外，任何涉及 Web 应用交互展示的场合都适用此工具，比如在线表单填写、数据可视化分析、API 调试过程回放等。由于采用了真实浏览器环境录制，所生成的视频能准确反映实际用户体验，避免因模拟器差异导致的误导。配合合理的等待时间设置和动作触发机制，还能确保关键操作步骤清晰可见，增强演示的说服力。
值得一提的是，该方案尤其适合那些依赖 React 框架开发的现代前端项目，因为传统 DOM 操作方式无法正确触发受控组件的状态更新。通过内置的 reactSetValue() 函数，可以绕过这一限制，实现对输入框、选择器等元素的精确操控，从而保证录制的每一步操作都能被完整记录并呈现给用户。