cinematic_export
Convert a recorded .webm to a GIF or MP4 with cinematic crop-pan effects that follow the action. Uses interaction timeline to pan smoothly between targets.
Instructions
Convert a recorded .webm to GIF or MP4 with cinematic crop-pan effects.
Crops the entire frame to focus on the interaction area, then pans smoothly between targets. Think of it as a virtual cameraman that follows the action.
Two rendering modes:
"quick" (default): FFmpeg-based crop with smoothstep easing. Fast, no extra dependencies.
"cinematic": Remotion-based rendering with spring animations. Requires remotion + react installed.
Example workflow:
record_page → interact_page (clicks, typing, etc.) → stop_recording
cinematic_export with the webmPath and timelinePath from stop_recording
Get a polished GIF/MP4 where the camera follows the action
Input Schema
| Name | Required | Description | Default |
|---|---|---|---|
| fps | No | Frame rate (default: 12 for GIF, 30 for cinematic MP4) | |
| mode | No | Rendering mode: "quick" (FFmpeg) or "cinematic" (Remotion) | quick |
| width | No | Output width for GIF (height auto-scaled) | |
| format | No | Output format (default: gif) | gif |
| webmPath | Yes | Path to the .webm file from stop_recording | |
| zoomLevel | No | Zoom multiplier (default 2.5 = 2.5x zoom into interaction area) | |
| timelinePath | Yes | Path to the -timeline.json file from stop_recording | |
| holdPerTarget | No | How long to hold zoom on each interaction (seconds) | |
| transitionDuration | No | Zoom ease-in/out duration in seconds |