Media
Drop videos, music or images here
Import a clip and add it to the timeline to start.
Everything runs in this tab. Your videos are decoded, edited and encoded by your own browser and stored only on this device — nothing is uploaded. No account, no server, no analytics.
Drop videos, music or images here
Import a clip and add it to the timeline to start.
Save a scene to keep your edits.
A scene is plain HTML, CSS and JS. CSS animations are sampled frame by frame, so time them from the start of the scene with animation-delay. Optional hooks in JS:
scene.setup = (params) => { /* build DOM once */ };
scene.render = (t, params) => { /* draw at t seconds */ };
Colours arrive as var(--c1), var(--c2), var(--bg) and the length as var(--dur); any element with data-param="title" gets the title text. Use vmin/vw units so the scene fits every size.
Limits when rendering to video: web fonts and images must be data: URLs, Date.now()/setTimeout animation is not captured, and video/iframe elements inside a scene stay blank.
No cues yet. Pick something from the media bin — a rendered title scene, a music bed, a sting — and add it. Press its number key or its Fire button to play it on the stage.
The same hand-gesture and voice recognisers as Triggers will plug in here, so a thumbs-up or a spoken word can start a title, music or a clip while you record. Each cue already takes signal names like gesture:Thumb_Up or voice:go; they just have nothing feeding them yet.