Rendering and Export
Export your compositions to video files.
Learn how to render your composition and export it to video files.
Preview Rendering
Play Preview
// Start playback
await studio.play();
// Pause playback
studio.pause();
// Seek to time (microseconds)
studio.seek(1500000); // 1.5 secondsCompositor Export
For high-performance export, use the Compositor class.
import { Compositor } from "@designcombo/video";
const compositor = new Compositor({
width: 1920,
height: 1080,
fps: 30,
});
// Load clips (similar to Studio)
await compositor.loadFromJSON(projectData);
// Output readable stream
const outputStream = await compositor.output();Export Settings
When exporting, you can specify various parameters:
- Format:
mp4,webm,gif - Bitrate: Video and Audio bitrate in kbps
- Resolution: Output width and height
- FPS: Output frame rate