⚠️ This page isn't running with the special browser headers ffmpeg needs to merge/export yet. Make sure coi-serviceworker.js is deployed in the same folder as this page, then hard-refresh (Ctrl+Shift+R).
ViStudioAI
ViStudioAI
Studio

Your projects

Pick up where you left off, or start something new. Everything is saved on this device only.

Name your project

Insert a new scene

It'll be inserted right after the current scene.

Edit Scene

⚠ Changing the scene type will clear this scene's recorded take (you'll need to re-record it).

📘 Script Format Guide

How to structure your script, what each Scene Type records, and what it looks like in 16:9 vs 9:16.

Basic structure

Scene 1
Scene Type: video_bg_audio
Visual: Short note on what's shown (for your own reference only)
Voiceover: What you'll actually say — this drives the caption timing
----------------------------------------------------
Scene 2
Scene Type: screen_webcam
...

Each scene is separated by a line of dashes. Fields can be in any order — they're matched by their label (e.g. "Scene Type:", "Voiceover:").

Scene types & what they output

webcam write: Scene Type: webcam

Just your camera. No screen share, no background image.

16:9 — camera fills the full landscape frame.

9:16 — camera fills the full vertical frame (cropped to fit, nothing stretched).

screen write: Scene Type: screen

Screen or window share only — your mic and the screen's own audio are both recorded.

16:9 — screen recording fills the full frame.

9:16 — screen is shown in full (nothing cropped) with a soft blurred backdrop filling the rest of the vertical frame.

screen_webcam write: Scene Type: screen record + webcam

Screen and webcam together. Works whether the screen is a phone mirror or a computer display. The webcam bubble's shape (circle / rounded / tall) can be changed from the webcam toolbar once recording — no separate scene type needed for that anymore.

16:9 — full-screen recording with your webcam as a small bubble, bottom-right.

9:16 — screen on the top half, webcam on the bottom half, with a thin divider line (this split is automatic in 9:16 and isn't affected by the bubble shape toggle).

video_bg_audio write: Scene Type: video_bg_audio

Your webcam plus an uploaded background image (set once per scene, on the recording screen).

16:9 — webcam in a portrait card on the left third, background image filling the right two-thirds.

9:16 — background image on the top half, webcam on the bottom half, with a thin divider line.

notepad write: Scene Type: notepad

A blank writable "paper" surface — draw or write on it live with your mouse while recording, in a pen color you choose.

16:9 — notepad fills the full frame.

9:16 — notepad fills the full vertical frame.

notepad_webcam write: Scene Type: notepad + webcam

Same writable notepad, plus your webcam alongside it.

16:9 — full-bleed notepad + webcam circle bubble, bottom-right.

9:16 — notepad on the top half, webcam on the bottom half.

custom_video write: Scene Type: custom video

Import a video file and voice over it — no webcam. The recording window automatically matches the imported video's own length: it plays from the start the moment you hit Record, and recording stops on its own the instant the video ends.

Works in both 16:9 and 9:16 — the video is letterboxed/pillarboxed to fit.

custom_video_webcam write: Scene Type: custom video + webcam

Same imported video, plus your webcam as a reaction bubble — the popular "react to this clip" format. Recording also auto-stops when the video ends.

Webcam appears as a circle bubble, bottom-right, in both 16:9 and 9:16.

Tip: pick 16:9 or 9:16 once, before you start recording — every scene's layout adapts to whichever you chose above.

Paste your script

Choose a resolution, paste your scenes, and the tool handles the rest.

Output resolution

16:9 — Landscape
YouTube standard, 1280×720
9:16 — Vertical
Shorts/Reels, 720×1280

Script input

✨ AI Avatar — cloned voice + talking photo

Upload a photo and a short voice sample — we'll generate a talking-avatar video in your own cloned voice for this scene. Available on Creator and Team plans.

This feature needs a Creator or Team plan.

Upgrade plan →

Recording devices

Only cameras Windows recognizes as a proper webcam will appear here (a phone/tablet connected only by USB, with no webcam app running, won't show up — apps like DroidCam or Iriun Webcam make it appear as a camera).
Screen scenes will separately ask which screen/window/tab to share — that's a browser rule and can't be pre-set.
Captions are generated from your script's Voiceover text, timed to your recording — no speech recognition involved, so accuracy is guaranteed.