Product Demos in PiP with transparent WebM Alpha.

By the Olo Studio team · Updated November 14, 2026

Short answer

In Olo Studio (Creator & Builder Pro, $19/mo) you can export your 3D Brand Spokesperson with a transparent background as WebM Alpha (VP9 with alpha channel) or Chroma MP4, or composite your screen recording right inside Studio using Demo PiP and 3D mockups (iphone_16, macbook_pro, browser_window) at 1080×1920 and 60 fps without uploading footage.

Step by step

Open the Demo PiP workflow at olomni.com/studio (or drive it via MCP using split_right layout and the inspect_mockup gesture).
Attach your SaaS screen recording or screenshot. Media stays local on your device; frame it inside iphone_16, macbook_pro, browser_window, or product_box with smooth auto-scroll.
Dial in camera and HUD callouts. Pair orbit_reveal or rack_focus_push with metric or feature_badge HUD cards to spotlight conversion points.
Export in the format your pipeline needs. Render a finished 9:16 / 16:9 MP4, or export Olo isolated as WebM Alpha (true alpha channel) or Chroma MP4 for CapCut, Premiere, or DaVinci Resolve.

WebM Alpha vs. Chroma MP4: which one to pick

WebM Alpha (VP9 + alpha): true pixel-level transparency with clean edges around glossy and frosted finishes; ideal for DaVinci Resolve, Premiere, CapCut desktop, and web overlays.
Chroma MP4 (H.264): universal mobile NLE compatibility with a uniform key background.

Plan limits

Transparent WebM Alpha and Chroma MP4 exports unlock on Creator & Builder Pro ($19/mo) up to 3 min (180 s) and Brand & Agency ($149/mo) up to 10 min (600 s), both with zero watermark and local 60 fps rendering.

Frequently asked questions

Are my product screen recordings uploaded to a server?

No. WebGL2 compositing and WebCodecs encoding run 100% locally in your browser or headless Chromium; your screen recordings never leave your device.

Which device mockups are built into SceneSpec v2?

Four native device mockups: iphone_16, macbook_pro, browser_window, and product_box, with auto-scroll motion and continuous camera framing.

What is the maximum export resolution?

Up to 1080×1920 in vertical 9:16 (plus 1920×1080 in 16:9, 1080×1080 in 1:1, and 1080×1350 in 4:5) at up to 60 frames per second.

Keep reading

How to render up to 50 A/B video ads for Meta & TikTok from Bulk CSV or MCP (.ZIP)Build 3×3 creative matrices and up to 50 vertical 9:16 ad variations combining hooks, voices, sets, and CTAs using Bulk CSV in Studio or olo_render_batch at $0 cloud GPU. How to upload your custom 3D brand mascot (.GLB / .GLTF) with auto-rigging and 7 socketsImport a custom .GLB or .GLTF character into Olo Studio, validate it with inspect-glb, attach props to 7 skeleton sockets, and drive all 21 states and 16 gestures instantly. Olo Studio vs Remotion vs HeyGen vs Runway vs CapCut: 2026 Technical ComparisonObjective technical comparison of rendering runtime, cloud GPU cost, native AI agent MCP support, transparent WebM Alpha export, Bulk CSV ad batches, and real pricing.