🎬 Interactive Cinema Studio — full story editor

Scene

0:00 / 0:00

In EDIT mode, pause and drag buttons onto the picture. In PREVIEW mode, click a button to follow its branch. If you don't choose, the director's default continuation plays automatically.

Nonlinear story map

Drag scene boxes to arrange them. Drag the colored dots on a scene onto another scene to connect them. Gold dots = buttons; gray dot = automatic continuation. Click a box to edit its buttons.

Scene editor

Scene nameScene video

⚡ LIVE SWITCH — synchronized versions

Enable live switching for this scene

Assign 2–10 matching-length videos. During preview, viewers switch between them at the same timestamp. Drag the generated on-screen switch buttons anywhere.

Number of synchronized versions

For best results use matching frame rates, durations and aligned sound. Switch speed varies by device.

Director's default continuationButtons / hotspots

Button nameIcon / emoji

X position %

Y position %

Width px

Height px

Appears at sec

Ends at sec

Goes to sceneAvailable in Invisible clickable zone

Playback mode

In WATCH mode no choices are shown. Viewing mode is locked once preview starts, until Restart.

Local prototype: video files are saved in your browser, not uploaded to the internet. Exported JSON saves story structure, not the video bytes.