Real time editing playback
Plays video, audio, and images interactively so you can scrub, trim, and adjust timelines in real time.
The video engine for your timeline.
Core Rendering Engine is a browser based video engine
built-in TypeScript for fast media composition.
The video engine for your timeline.
Core Rendering Engine is a browser based
video engine built-in TypeScript for
fast media composition.
TypeScript
1import * as core from “@diffusionstudio/core”;23const composition = new core.Composition();45const souces = await Promise.all([6 core.Source.from<core.VideoSource>('/intro.webm'),7 core.Source.from<core.VideoSource>('/outro.mp4'),8]);910const layer = await composition.add(11 new core.Layer({12 mode: 'SEQUENTIAL'13 })14);1516await layer.add(17 new core.VideoClip(souces[0], {18 range: [2, 8],19 })20);2122await layer.add(23 new core.VideoClip(souces[1], {24 range: [2, 12],25 })26);2728const encoder = new core.Encoder(composition);29const video = await encoder.render();
TypeScript
1import * as core from “@diffusionstudio/core”;23const composition = new core.Composition();45const souces = await Promise.all([6 core.Source.from<core.VideoSource>('/intro.webm'),7 core.Source.from<core.VideoSource>('/outro.mp4'),8]);910const layer = await composition.add(11 new core.Layer({12 mode: 'SEQUENTIAL'13 })14);1516await layer.add(17 new core.VideoClip(souces[0], {18 range: [2, 8],19 })20);2122await layer.add(23 new core.VideoClip(souces[1], {24 range: [2, 12],25 })26);2728const encoder = new core.Encoder(composition);29const video = await encoder.render();
TypeScript
1import * as core from “@diffusionstudio/core”;23const composition = new core.Composition();45const souces = await Promise.all([6 core.Source.from<core.VideoSource>('/intro.webm'),7 core.Source.from<core.VideoSource>('/outro.mp4'),8]);910const layer = await composition.add(11 new core.Layer({12 mode: 'SEQUENTIAL'13 })14);1516await layer.add(17 new core.VideoClip(souces[0], {18 range: [2, 8],19 })20);2122await layer.add(23 new core.VideoClip(souces[1], {24 range: [2, 12],25 })26);2728const encoder = new core.Encoder(composition);29const video = await encoder.render();
A media engine that feels like a game engine, tuned for video, audio, and image workloads in the browser.
A media engine that feels like a game engine, tuned for video, audio, and image workloads in the browser.
High fidelity render mode
Switches to a precise render mode for final output, so exports stay clean, consistent, and frame accurate.
Developer ready and accelerated
Used as the core of non linear editors and other timeline tools like Diffusion Studio Pro, it runs on Canvas2DContext and the WebCodecs API to tap into hardware acceleration in the browser.
Get access to our
Core Rendering Engine.
Get access to our
Core Rendering Engine.
License the WebCodecs engine behind Diffusion Studio.
Fast, scalable, and ready for integration.
License the WebCodecs engine behind Diffusion Studio.
Fast, scalable, and ready for integration.
Free
Ideal for individuals who want to explore
and experiment with the engine.
$0
Non commercial projects and prototypes
“Made with Diffusion Studio” watermark on exports
Commercial License
30% off
·
Ends in 0d 0h 0m
Highly recommended for teams who seek
to upgrade their video editing tech stack.
$3,500
$5,000
/ one time
Commercial use in shipped products and client work
No watermark on any exports
F.A.Q.
Do I have to renew the license key?
No. It’s a one time purchase and your key stays valid forever.
What happens if the license server is down?
There is no license server. Your key is a signed payload created with our private key. The library includes a public key that verifies it locally so it works even without an internet connection.
What if I lose my key?
We can regenerate it any time. Just email contact@diffusion.studio.
What are the limitations of the key?
You can’t share your key with other organizations. Other than that, feel free to use it across as many of your own apps or domains as you need.
When to use Core Rendering Engine
You’re building a timeline based application such as an NLE that needs to render video in the browser
Your app needs to compose multiple assets into a video or audio output
You want a framework agnostic and efficient video engine that works with Svelte, Vue, Solid, Angular and others
When not to use Core Rendering Engine
You need to render videos server side
Use Remotion
You want to compose videos with HTML or React
Use Remotion
You want a framework that already includes frontend components like a timeline or inspector
Use Remotion with the [Editor Starter]
You need low level encoding, decoding, muxing, demuxing or transcoding capabilities
Use Mediabunny [Sponsoring is welcome!]
Do I have to renew the license key?
No. It’s a one time purchase and your key stays valid forever.
What happens if the license server is down?
There is no license server. Your key is a signed payload created with our private key. The library includes a public key that verifies it locally so it works even without an internet connection.
What if I lose my key?
We can regenerate it any time. Just email contact@diffusion.studio.
What are the limitations of the key?
You can’t share your key with other organizations. Other than that, feel free to use it across as many of your own apps or domains as you need.
When to use Core Rendering Engine
You’re building a timeline based application such as an NLE that needs to render video in the browser
Your app needs to compose multiple assets into a video or audio output
You want a framework agnostic and efficient video engine that works with Svelte, Vue, Solid, Angular and others
When not to use Core Rendering Engine
You need to render videos server side
Use Remotion
You want to compose videos with HTML or React
Use Remotion
You want a framework that already includes frontend components like a timeline or inspector
Use Remotion with the [Editor Starter]
You need low level encoding, decoding, muxing, demuxing or transcoding capabilities
Use Mediabunny [Sponsoring is welcome!]
Do I have to renew the license key?
No. It’s a one time purchase and your key stays valid forever.
What happens if the license server is down?
There is no license server. Your key is a signed payload created with our private key. The library includes a public key that verifies it locally so it works even without an internet connection.
What if I lose my key?
We can regenerate it any time. Just email contact@diffusion.studio.
What are the limitations of the key?
You can’t share your key with other organizations. Other than that, feel free to use it across as many of your own apps or domains as you need.
When to use Core Rendering Engine
You’re building a timeline based application such as an NLE that needs to render video in the browser
Your app needs to compose multiple assets into a video or audio output
You want a framework agnostic and efficient video engine that works with Svelte, Vue, Solid, Angular and others
When not to use Core Rendering Engine
You need to render videos server side
Use Remotion
You want to compose videos with HTML or React
Use Remotion
You want a framework that already includes frontend components like a timeline or inspector
Use Remotion with the [Editor Starter]
You need low level encoding, decoding, muxing, demuxing or transcoding capabilities
Use Mediabunny [Sponsoring is welcome!]
Talk to our team
We’re here to answer your questions
and help you get started.
For Developers
© 2025 Diffusion Studio. All rights reserved.
For Developers
© 2025 Diffusion Studio. All rights reserved.
For Developers
© 2025 Diffusion Studio. All rights reserved.