Notifications You must be signed in to change notification settings
Fork 3
Star 42
BranchesTags
Open more actions menu
Folders and files
NameName
Last commit message
Last commit date
Latest commit
History
46 Commits
46 Commits
.github/workflows
.github/workflows
docs
docs
e2e
e2e
huggingface-space
huggingface-space
public
public
scripts
scripts
skills/edit-timeline-studio
skills/edit-timeline-studio
src
src
.gitignore
.gitignore
.prettierignore
.prettierignore
.prettierrc.json
.prettierrc.json
LICENSE
LICENSE
README.md
README.md
README.zh-CN.md
README.zh-CN.md
eslint.config.js
eslint.config.js
index.html
index.html
netlify.toml
netlify.toml
package-lock.json
package-lock.json
package.json
package.json
playwright.config.js
playwright.config.js
tsconfig.json
tsconfig.json
vite.config.mjs
vite.config.mjs
Repository files navigation
English | 中文
Timeline Studio is a local-first AI video editor that runs in the browser. It combines a CapCut-style multi-track timeline with browser-side AI voiceovers, automatic captions, vision tools, talking-avatar generation, and deterministic offline export.
Open the editor · Watch the demo · Hugging Face Space
AI capabilities
Multilingual voiceover: Chinese Piper/VITS ONNX voices, English Kokoro 82M, and browser Piper voices for German, Spanish, French, Italian, and Brazilian Portuguese.
Automatic captions: Whisper small q8 ONNX with waveform-aware timing and conservative Chinese recognition cleanup.
Smart framing: YOLOS tiny subject detection and MODNet portrait matting for smart crop, caption avoidance, and background removal across images and complete videos.
AI vocal separation: isolate vocals and place the instrumental stem on the music track without leaving the browser workflow.
Digital human: JoyVASA audio-to-motion and LivePortrait neural rendering with WebGPU, 256px preview and 512px quality paths.
Local-first inference: large models are lazy-loaded, revision-pinned, and cached by the service worker; supported workflows run without uploading project media to an editing backend.
Editing and export
Contiguous main Visuals track plus timed picture-in-picture overlays.
Direct canvas selection, movement, proportional resize, rotation, masks, filters, effects, animation, speed, and explicit keyframes.
Captions, stickers, voiceover, separated source audio, and music on independent timed tracks.
CapCut-style snapping, alignment guides, clip menus, split/duplicate/delete, timeline zoom, undo/redo, and portable .timeline projects.
Native media playback for a responsive preview; export uses a separate deterministic offline rendering path.
WebCodecs MP4/WebM composition with shared preview/export geometry, audio mixing, captions, overlays, effects, and MediaRecorder fallback.
Installable PWA with a cached app shell and multilingual UI.
Agent Skill
The repository includes edit-timeline-studio, a Codex-compatible Skill for planning, executing, and verifying editable video timelines.
It helps an agent:
inspect media and preserve the user's editing brief;
describe reversible edits with stable clip IDs and explicit timestamps;
operate the hosted or local editor through the browser compatibility path;
validate declarative edit plans with skills/edit-timeline-studio/scripts/validate_edit_plan.mjs;
verify track placement, transitions, captions, overlays, audible audio, and final export artifacts;
keep the editable .timeline project as the source of truth instead of returning only an opaque render.
The current Skill is honest about its boundary: browser-driven editing is available today, while the versioned headless command runner described in its command contract is the next automation layer.
Quick start
Requirements: Node.js 20+ and a modern Chromium browser. WebGPU is recommended for the heaviest AI workflows.
git clone https://github.com/MartinDelophy/ai-video-editor.git cd ai-video-editor npm install npm run dev
Open the local URL printed by Vite. The first AI run may download model files; later runs reuse the browser cache.
Validate and build
npm test npm run build npm run preview
Run the complete repository check with:
npm run check
Deploy
The included netlify.toml builds with npm run build, publishes dist, enables the cross-origin isolation headers required by browser AI/media workers, and provides the SPA fallback.
npx netlify-cli deploy --prod --dir=dist
License
MIT
About
Local-first browser AI video editor with ONNX voiceovers, Whisper captions, talking avatars, and multi-track MP4/WebM export.
video-editor.ai-creator.top/
Topics
react
text-to-speech
pwa
ffmpeg
video-editor
webgpu
onnx
vite
talking-avatar
liveportrait
browser-ai
ai-video-editor
ai-voiceover
automatic-captions
joyvasa
Resources
Readme
License
MIT license
Uh oh!
There was an error while loading. Please reload this page.
Activity
Stars
42 stars
Watchers
0 watching
Forks
3 forks
Report repository
Releases 8
Timeline Studio v0.4.0 — AI Editing & Picture-in-Picture
Latest
Jul 18, 2026
+ 7 releases
Packages 0
Uh oh!
There was an error while loading. Please reload this page.
Contributors
Uh oh!
There was an error while loading. Please reload this page.
Languages
JavaScript 80.4%
CSS 12.7%
HTML 4.2%
Python 2.3%
TypeScript 0.4%