Playwright traces to
demo videos
Your tests already capture everything. playwright-recast turns those artifacts into polished, narrated product videos with a single fluent pipeline.
import { Recast, ElevenLabsProvider } from 'playwright-recast'await Recast .from('./test-results/trace.zip') .parse() .speedUp({ duringIdle: 3.0, duringUserAction: 1.0 }) .subtitlesFromSrt('./narration.srt') .voiceover(ElevenLabsProvider({ voiceId: 'daniel' })) .render({ format: 'mp4', resolution: '1080p' }) .toFile('demo.mp4')Everything you need
From trace parsing to polished video — every stage is composable and optional.
Fluent Pipeline API
Chainable, immutable, lazy-evaluated. Build complex video pipelines that read like English.
TTS Voiceover
Generate narration with OpenAI TTS or ElevenLabs. Timed with silence padding and ducking.
Smart Speed Control
Speed up idle time and network waits automatically while keeping user actions at normal speed.
Styled Subtitles
SRT, WebVTT, and ASS output. Burn into video with configurable font, color, and position.
Click Effects & Cursor
Animated ripple highlights with sound at click positions. Cursor overlay with ease-out motion.
Animated Zoom
Auto-zoom to user actions with customizable easing. Smooth panning between zoom targets.
Music & Intro/Outro
Background music with auto-ducking. Prepend/append branded clips with crossfade transitions.
CLI Included
npx playwright-recast -i trace.zip -o demo.mp4 — full pipeline from the command line.
Zero Lock-in
Every stage is optional and composable. Use just the trace parser, subtitles, or the full pipeline.
See it in action
A Playwright trace transformed into a polished demo video with voiceover, subtitles, and visual effects.
Built for your workflow
Three ways teams use playwright-recast today.
Product demos from CI
Regenerate polished videos on every deploy, no manual recording. Your CI pipeline already runs the tests — let it produce the marketing assets too.
Sales enablement
Consistent, branded demo videos for prospects. Every rep sends the same high-quality walkthrough, always showing the latest UI.
Living documentation
Embed code walkthroughs that stay current with your UI. When the product changes, the docs update themselves on the next test run.