editframe-vite-plugin
Installation
SKILL.md
Vite Plugin
When do you need this?
You need the Vite plugin when your composition references local video files. Without it, the browser can't play raw video files — they must be transcoded to streamable ISOBMFF format first.
Already included in all project templates (npm create @editframe). You only need to install it manually when adding Editframe to an existing Vite project.
| Scenario | Need this? |
|---|---|
Compositions with local .mp4/.mov files |
Yes — JIT transcoding |
| Compositions with remote URLs only | No |
| Adding Editframe to existing Vite project | Yes — install manually |
| Visual regression tests with Vitest | Yes — use vitest entry point |
Bundling for Cloud Rendering
For cloud rendering (npx editframe cloud-render), the build must produce a single self-contained dist/index.html with all JS and CSS inlined. Use vite-plugin-singlefile alongside this plugin: