FOSS demo videos, captured from your real app in a real browser

Apache 2.0 licensed. No account and no API key.

render_video 1920x1080 · 30fps · 495/495 · output/demo.mp4_

Watch first

A walkthrough of one video, start to finish: pointing the server at a running app, approving the beats, and watching the render come back.

Being recorded now. It will appear here once it is up on YouTube.

Tutorial not published yet

Five tools

Your agent calls these five tools in order. There is no separate app to open and no timeline to drag.

01
Draft the beats
validate_beats
Your agent runs the guided intake and writes a beats.json: timing, narration, and a decided capture method for every beat. It shows you the whole draft and waits for approval before anything touches disk.
02
Capture the real app
capture_screenshot
Playwright drives a real browser against your running app and takes zoom compensated screenshots and full viewport recordings. This is the step that makes the footage real rather than imagined.
03
Scaffold each shot
scaffold_scene
One scene per beat, generated with camera keyframes already in place. The camera lives inside the UI, zoomed in and moving, never parked on a flat full screen grab.
04
Stitch the timeline
stitch_composition
Scenes get sequenced against the beats file, with narration and a music bed layered in if you provided them. Sound effects land on the visual events rather than on a guess.
05
Render and check
render_video
Remotion renders the mp4, then frames come back out at each beat so you can check text is crisp, captions are visible and nothing important drifted off frame.

Real output

Every frame in these is a capture of software that actually exists and actually runs. Press play on any of them.

oss-launch

11s

repo scaffolding tool

TourneyRadar

14s

chess tournament finder

Read what each one is showing

Two tiers

Nearly every beat comes from your product's real UI. One kind of shot genuinely cannot: a beat with no product UI in it at all. That single gap is what the optional tier covers.

Always on

Core pipeline

Free, no account, no key.

Built on Remotion and Playwright, both open source
Real screenshots and real screen recordings of your running app
Driven through MCP, so Claude Code, Cursor or any MCP client can run it
No cost beyond your own compute

Opt in

Higgsfield b roll

For the shots real capture cannot produce.

Atmosphere and b roll only: a desk shot, an establishing texture
Never carries on screen product text or real UI
Needs your own Higgsfield subscription and its MCP connector
openvidstudio never holds a key and never bills you

openvidstudio only imports a clip your agent already generated. It never calls Higgsfield's generation tools itself.

Get running

Two steps, and npx handles the install. Check prerequisites first if you have not run Playwright or ffmpeg on this machine before.

01
Point your agent at it
Drop this into your MCP client config. Claude Code, Cursor, or anything else that reads a standard mcpServers block will pick it up. npx fetches the server on first run, so there is nothing to install first.
mcp.json
```
{
  "mcpServers": {
    "openvidstudio": {
      "command": "npx",
      "args": ["-y", "@openvidstudio/mcp-server"]
    }
  }
}
```
02
Restart the client
Twenty six tools should appear. Ask your agent to run preflight and it will tell you whether ffmpeg and Playwright are ready before you spend a render finding out.
03
Ask for the video
Start your app, then say something like “build a 30 second demo video of this product”. Your agent runs the intake, drafts a beats.json, and shows you the whole thing before it writes anything.

Read the full docs