Video layers
Drop in a clip or record your screen, trim it, fade it, reverse it, change its rate, loop it, and animate it like any layer.
Video layers put real footage in your scene: a screen recording inside a device frame, a clip behind a title. Every transform, corner radius, shadow, mask and effect applies, and MP4 renders use exact frames with the clip's sound.
Import a video
- Drop a
.movor.mp4file on the stage or the chat, or choose File → Import Video… (also Import → Video… in the toolbar). To capture a window or display first, use File → Record Screen… (see Record your screen). - EaseKit copies it into the project, reads its length and size and makes a poster frame (“Importing “demo”…”).
- If the clip is longer than the scene, the scene grows to hold it. A pill says “Scene extended to 8 s to fit the clip” with Keep 5 s to take that back.
Trim, time and loop
In the timeline, the clip shows as a filmstrip with its sound's waveform along the bottom and ramps where it fades. Drag it to change where it starts, drag its edges to trim. The inspector's Video section has exact values:
| Row | Controls | What it does |
|---|---|---|
| Trim | In, Out (seconds, steps of 0.1) | Which part of the source plays |
| Timing | Start (seconds), Rate (×, steps of 0.05; 0.1–8) | When the clip starts in the scene, and its playback rate |
| Fades | In, Out (seconds, steps of 0.1) | Fades the picture and the sound in at the clip's start and out before its end |
| Sound | Mute toggle, Vol (%, steps of 5) | “This clip has no sound.” when it has none |
| Playback | Loop, Hold, Reverse, Fill / Fit | Loop the trimmed part until the scene ends; hold the first and last frame outside the clip instead of hiding it; play the clip backwards; crop to fill the box or fit the whole frame |
Fades
- A fade is linear and ramps opacity and volume together, on the stage, in renders and in the MP4's sound.
- If the fades are longer than the clip, they're scaled to fit one pass.
- A looping clip runs to the scene's end, so it only fades in (the Out field says so in its tooltip).
- Set a fade to 0 to remove it.
Reverse
The backward button in Playback plays the trimmed part backwards, for a rewind or a boomerang (loop a reversed copy after the original). Reversed clips play without sound (“Reversed clips play without sound.”).
In exports
| Export | Video |
|---|---|
| MP4 | Exact frames, with the clip's sound and fades mixed in (when Include music is on) |
| GIF, PNG | Exact frames |
| HTML | A muted, inline <video> synced to the scene clock. Clips up to 24 MB are inlined; bigger ones are referenced by file name next to the page |
| React, Web Animations | A muted <video> synced to the scene clock, with setup notes for the file |
| CSS | Setup notes: where to put a muted <video> and its timing |
| SwiftUI | A placeholder with the player wiring as a comment |
| Lottie | The poster frame (a still image) |
In code and Lottie exports, fades become opacity keyframes on the layer, so they play the same everywhere.
Troubleshooting
| If this happens | Try this |
|---|---|
| Playback stutters while scrubbing | The stage seeks tolerantly while you scrub and exactly at rest. Renders always use exact frames. |
| No sound in the MP4 | Check that the clip isn't muted or reversed, and that Include music is on in Render. |
| The fade out does nothing | The clip loops. Looping clips only fade in; turn off Loop to fade out. |
| No waveform on the clip bar | The clip has no sound, or it's still being read (once per file, then cached). |