Skip to main content
Put a picture or a clip into your video three ways: ask the agent, drag it into the editor, or write it in the HTML. All three change the same file, so you can mix them. Import, place, crop, trim, then swap the file: the crop, timing and placement stay as they were.

​
Ask the agent

Name the file and say what should happen, in terms of what you see:
The agent copies the file into the project if it isn’t there yet. In the Studio app, add the file to your message with + or drop it into the chat.

​
Drag it in

In the browser editor (npx hyperframes preview), open Assets, choose Import media or drop the file into the panel, then drag it onto the timeline. Images, SVG, MP4, WebM and MOV work.

The browser editor today, changing the real project: inspect the source, change Fit and Position, crop on the canvas, then import another local asset.

​
Write it in the HTML

A picture on screen for 3 seconds, and a muted clip that plays 6 seconds of its source starting at second 4:
class="clip" lets the timeline show and hide it; data-start and data-duration say when; data-media-start trims the start of the source. Keep a clip’s sound with data-has-audio="true" and set its level with data-volume. To move or scale a video, animate a wrapper around it, not the video itself. Every attribute is in the HTML schema.

​
Swap the file

Ask the agent to use the new file, or change src. Then check the crop, the length and anything that moved with the old picture. If the new file changes the story, ask for that bigger change instead.

​
Keep it working everywhere

Copy every file into the project and give it a clear name (pricing-page-scroll.mp4). Links that expire or need a login break the render on another computer. npx hyperframes check finds missing and late-loading files. Before you export, watch once and check the first and last frame of each clip, the crop at the final size, and that nothing looks stretched.

​
More media tasks

Avatar presenter

Generate or reuse a presenter clip and compose around it.

Voice, music, and sound

Build an understandable audio mix.

Remove a background

Isolate a person from a real image or clip.

Effects and color grading

Apply a visual treatment, correct footage, or set a deliberate look.