visual-regression-cinema

Capture visual regressions by recording browser interactions with Playwright, extracting scene-change frames via ffmpeg, and generating pixel-diff filmstrips with ImageMagick to reveal UI transitions. This produces scene frames, diff images, and a timeline of meaningful visual changes.

Debug UI animations by recording the browser session and extracting frame sequences at scene-change boundaries using ffmpeg. This isolates meaningful visual transition states from the video recording, producing a concise filmstrip to review complex user flows and animation behaviors.

Yes, Playwright video recording is required to generate a visual filmstrip. The video capture provides the raw browser session footage that ffmpeg processes into scene-change frames and ImageMagick analyzes to produce pixel-diff images of visual transitions.

Frame extraction identifies meaningful visual changes by using ffmpeg to detect scene-change boundaries within the recorded video, then applying ImageMagick pixel-diff operations between consecutive extracted frames to highlight exactly what shifted during the sequential user flow.

Yes, you can create a visual changelog for design reviews by using ffmpeg to extract scene-change frames and ImageMagick to generate diff images. This produces a filmstrip of sequential visual states suitable for reviewing complex user flows and UI regressions.