Export banner animations as MP4 video with frame-by-frame GSAP capture and ffmpeg encoding.
The video export pipeline uses headless Chromium to render each frame individually. GSAP timeline.seek() positions the animation at precise timestamps, and a full-page screenshot captures the result. This approach guarantees frame-accurate output that matches exactly what you see in the editor preview — no dropped frames or timing drift.
Captured frames are piped into ffmpeg for MP4 encoding with H.264 compression. The output is optimised for web delivery with a small file size and broad compatibility. Configurable frame rate and quality settings let you balance file size against visual fidelity depending on whether the video is for social media, email, or client presentation.
MP4 exports are formatted for direct upload to social platforms. The container format, codec, and pixel format are chosen for maximum compatibility with Meta, LinkedIn, Twitter, and YouTube upload requirements. This extends Banner Studio beyond traditional display ads into short-form video content for social campaigns.
Exported videos are uploaded to Cloudflare R2 with a stable URL so they can be shared with clients or embedded in presentations. Each export includes metadata about the source project, format dimensions, duration, and frame rate for easy reference.