Edit a timeline
Move, trim, split, ripple, roll, slip and slide clips with linked A/V items, markers, keyframes and undoable commands.
Build a video editor in the browser
AelionSDK owns the timeline, media pipeline, preview, playback and export. You keep control of the product UI.
What you can build
Section titled “What you can build”AelionSDK is a framework-agnostic browser editing and rendering engine. Register media, load a canonical Project, preview any timeline position, edit through transactions, and export the same project to MP4, WebM, images, GIF or WAV.
Preview and play
Use Canvas preview, worker compositing, AudioWorklet timing, adaptive quality and cancellation of stale frames.
Export locally
Run capability preflight before H.264/AAC MP4, VP9/Opus WebM, AV1/HEVC, image, GIF and WAV/RF64 export.
Extend safely
Add custom Materials, proxy media, persistent caches, isolated Worker RPC and remote export providers.
Recommended path
Section titled “Recommended path”- Install and configure the workspace or your application.
- Follow From a local video to MP4.
- Learn how to import and manage media.
- Connect the Session to your own timeline and Inspector UI.
- Run capability and export preflight on the actual device.
If you only want to see the complete flow first, run the repository Quickstart:
corepack pnpm install --frozen-lockfilecorepack pnpm dev:quickstartChoose an MP4 or WebM file, render the first frame, scrub and play, move the clip, undo the edit, then try H.264 MP4 export.
The four objects used by an editor
Section titled “The four objects used by an editor”| Object | Responsibility | Persist it? |
|---|---|---|
Project | Asset IDs, tracks, items, effects, and output settings | Yes, as JSON |
ProductionMediaProvider | Runtime binding from Asset ID to File, URL, or OPFS | No; rebuild it |
Session | Editing, preview, playback, export, events, and diagnostics | No |
PreviewCanvasController | Draw Session frames into a Canvas | No; dispose it |
Project describes what to edit, the media provider supplies bytes, Session executes the project, and the preview controller presents frames.
What the SDK owns
Section titled “What the SDK owns”AelionSDK owns Project validation, editing commands and undo, media I/O and decoding, Render IR, preview, playback, and export. Your application still owns UI, accounts, permissions, asset library, collaboration, autosave policy, keyboard shortcuts, and durable job services.
Use the language selector in the header to switch to the matching 简体中文 page. Every narrative route is available in both languages.
Start with a real videoRun the complete path first, then replace the example UI with your product.
Open the quickstart →