Timeline Studio — 浏览器 AI 视频编辑器
English | 中文 | 日本語 | 한국어 | Español | Français | Deutsch | Português | ไทย | Tiếng Việt | Русский
深度合成使用声明
本工具基于深度合成技术,仅用于技术研究与学习。
使用者应确保:
- 仅使用本人或已取得合法授权的人脸图像/视频;
- 不制作、不传播任何违法、侵权、虚假或误导性内容;
- 不将生成内容冒充为真实影像,不在未经同意的情况下冒用他人身份。
因违反上述要求导致的任何法律责任,由使用者自行承担。
项目动态
- 2026 年 8 月 27 日 — 时间线精剪: 新增视频片段源区间安全的滑移、同步修剪左右相邻片段的三片段滑动,以及支持方向键逐帧滚动微调的编辑点选择。所有模式都保持主画面轨无缝、遵守轨道锁定与源素材边界、提供实时拖拽反馈,并完整本地化到 11 种界面语言。竖屏与 9:16 时间线缩略图现在居中裁切铺满,缩略图单元不再出现上下或左右黑边。
- 2026 年 8 月 26 日 — 感知锁定的波纹剪辑: 新增时间线工具栏波纹模式。把素材拖到主轨时会先展开与素材时长一致的插入槽,并让后续片段和转场切点同步后移。主画面片段新增片头滚动边界手柄,画中画拖放也会在目标行按真实落点和素材时长显示占位。主视觉插入、复制、删除和时长调整会按相同时间差移动符合条件的定时片段,保持仍在关联的字幕与音频同步,让关联原声继续由主视觉序列驱动,并跳过所有锁定轨道。
- 2026 年 8 月 26 日 — 可移植画面分割: 修复 Agent
visual.split工程,确保左右连续片段在重新打开后继续引用归档源媒体,并在浏览器导出时保留完整视频和内嵌源音频。 - 2026 年 8 月 24 日 — 节奏点击涟漪: 新增可编辑的 osu! 风格效果:确定性随机命中位置、音乐拍号与四分音符 BPM、每次命中一圈全画面折射水波、水波与灰白转彩色同步传播、右侧参数面板、预览与导出一致,以及 11 种界面语言完整本地化。
- 2026 年 8 月 12 日 — PC 色轮: 在 AI 修复前新增独立的 PC 端“色轮”标签,提供阴影、中间调、高光、偏移四个色轮,以及色温、色调和饱和度控制。15 个调色属性均支持独立关键帧、色相最短路径插值,并统一应用于动态预览、转场和最终导出;H5 保留视频变速工作流且不显示色轮。
在公开 Roadmap 查看计划与 TODO,在 Releases 查看已发布功能,在 Issues 跟踪具体任务和缺陷。
它能制作什么?
查看可复现的前后对比示例与剪辑配方:
→ AI Video Editing Skills Handbook
Timeline Studio 是一个本地优先、直接运行在浏览器中的 AI 视频编辑器。它把接近剪映/CapCut 的多轨时间线,与 WebGPU AI 音乐和修复、多语言配音、自动字幕、数字人和确定性离线导出结合在一起。
打开在线编辑器 · 观看演示 · Hugging Face Space
视频演示
自动剪辑
画面分析、关键帧、字幕与导出。
AI 修复
分时段水印移除与前后对比。
AI 配音
AI 能力
- 多语言 AI 配音: 中文及中英混合使用 Hojo TTS Light 80M FP16 的晴岚、若溪两条内置参考女声,自回归生成走 WebGPU、稳定波形解码走 WASM;英文使用 Kokoro 82M,德语、西班牙语、法语、意大利语和巴西葡萄牙语使用浏览器 Piper 声音。
- 本地 AI 音乐: Stable Audio 3 Small Q4 ONNX 通过 WebGPU 在浏览器运行,支持自由提示词自动翻译、30/60/90/120 秒选项、长音乐波形感知循环、模型持久缓存,并在完成后自动加入“我的素材”。
- 自动字幕: Whisper small q8 ONNX,结合音频能量修正时间戳,并对中文识别结果做克制的高置信纠错。
- 智能画面: YOLOS tiny 主体检测与 MODNet 人像抠图,用于图片和完整视频的智能裁切、字幕避让与背景移除。
- AI 修复: 浏览器本地 MI-GAN 支持多区域、可分时段的水印/物体移除;NanoVSR 644K 通过 WebGPU 为图片和视频提供 4× 高清修复,并支持同步前后对比。
- AI 人声分离: 在浏览器工作流中提取人声,并把伴奏放入音乐轨。
- 数字人: JoyVASA 音频驱动 + LivePortrait 神经渲染,支持 WebGPU、256px 快速预览与 512px 高质量路径。
- 本地优先推理: 大模型按需加载、锁定版本并由 Service Worker 缓存;受支持的流程不需要把项目素材上传到编辑后端。
稳定的双线路模型交付
浏览器 AI 模型同时镜像在 Hugging Face 和 ModelScope。Timeline Studio 会在首次请求时进行轻量连通性竞速,记住当前运行环境中更快且可用的线路;网络发生变化或下载失败时会自动切换另一条线路。两家平台共用同一缓存标识,因此切换线路不会重复下载相同版本。
- Stable Audio: Hugging Face · ModelScope
- 语音模型: Hugging Face · ModelScope (含不同上游许可证,详见模型仓库说明)
- Timeline Studio ONNX 模型: Hugging Face · ModelScope
- Depth Anything V2 Small Q4F16: Hugging Face · ModelScope (Apache-2.0)
- 人声分离模型: Hugging Face · ModelScope
剪辑与导出
- 连续主画面轨,以及可自由定时的画中画图层。
- 在画布中直接选择、移动、等比缩放和旋转,并支持遮罩、滤镜、效果、动画、速度与显式关键帧;PC 端另提供四分区色轮,色温、色调、饱和度以及各色轮的色相、饱和度、明度均可添加关键帧。
- 字幕、贴纸、配音、分离后的视频原声和背景音乐使用独立时间轨。
- 支持磁吸、全轨对齐线、右键菜单、切分/复制/删除、双指缩放、撤销重做和可移植
.timeline项目。 - 播放预览使用原生媒体路径保证流畅;导出使用独立的确定性离线渲染路径。
- WebCodecs MP4/WebM 合成统一处理画面、音频混音、字幕、画中画、效果与变换,并提供 MediaRecorder 兼容回退。
- 支持安装为 PWA,缓存应用外壳,并提供多语言界面。
Agent Skill
仓库包含 Codex 兼容的 edit-timeline-studio Skill,用于规划、执行和验证可继续编辑的视频时间线。
它可以帮助 Agent:
- 检查素材并保留用户的原始剪辑意图;
- 使用稳定片段 ID 和明确秒数描述可撤销的编辑计划;
- 通过浏览器兼容路径操作在线版或本地编辑器;
- 使用
skills/edit-timeline-studio/scripts/validate_edit_plan.mjs校验声明式编辑计划; - 验证轨道位置、转场、字幕、画中画、实际可听音频和最终导出文件;
- 始终保留可编辑的
.timeline项目,而不是只交付不可逆的视频成片。
当前 Skill 会明确说明能力边界:现阶段已经可以通过浏览器驱动编辑;Skill 中的版本化无头命令协议是下一阶段自动化层,不会把尚未实现的 CLI 描述成现成功能。
通过公开的 skills.sh 目录安装(当前 CLI 要求 Node.js 22.20.0 或更高版本):
npx skills add MartinDelophy/ai-video-editor --skill edit-timeline-studio
也可以使用 GitHub CLI 2.90.0 或更高版本安装:
# Claude Code
gh skill install MartinDelophy/ai-video-editor edit-timeline-studio --agent claude-code --scope user
# Codex
gh skill install MartinDelophy/ai-video-editor edit-timeline-studio --agent codex --scope user
如需安装已经验证过的固定版本,而不是跟随最新 Release,请在命令末尾添加 --pin v1.0.0 。安装前可以先预览 Skill:
gh skill preview MartinDelophy/ai-video-editor edit-timeline-studio
路线图
- 当前: 加固确定性离线导出并提高时间线编辑可靠性。
- 下一步: 发布供 Agent 驱动剪辑使用的版本化无头命令执行器,并让可复用项目模板更易分享。
- 未来: 增加协作审阅流程、插件扩展能力,以及更多经过本地验证的 AI 模型。
路线图优先级会在 GitHub Discussions 中共同讨论。欢迎提交功能建议和真实工作流反馈。
期待你的参与
我们正在寻找对浏览器媒体、WebCodecs、WebGPU/ONNX、时间线交互、本地化或文档感兴趣的贡献者。
- 体验 在线编辑器 ,并在 Issues 中提交可复现的问题。
- 加入 Discussions ,提出功能建议、分享作品或帮助确定路线图优先级。
- 尤其欢迎聚焦的小型修复、翻译、文档和示例项目贡献。
快速启动
建议使用 Node.js 20+ 和现代 Chromium 浏览器;运行大型 AI 模型时推荐 WebGPU。
git clone https://github.com/MartinDelophy/ai-video-editor.git
cd ai-video-editor
npm install
npm run dev
打开 Vite 输出的本地地址即可。首次使用某项 AI 能力时可能需要下载模型,后续会复用浏览器缓存。
验证与构建
npm run build
npm run preview
运行完整仓库检查:
npm run check
部署
仓库中的 netlify.toml 会执行 npm run build 、发布 dist 、配置 SPA 回退,并启用浏览器 AI/媒体 Worker 所需的跨域隔离响应头。
npx netlify-cli deploy --prod --dir=dist
支持与反馈
如果这个项目对你有帮助,欢迎点亮 ⭐ Star;遇到问题请 提交 Issue 。
欢迎加入我们的 Discord 社区 ,提问、分享反馈,并与其他用户和贡献者交流。
License
Timeline Studio 的原创源代码采用 MIT License 。
本仓库的 MIT License 不自动适用于 第三方模型、模型权重、数据集、字体、图库媒体或其他随仓库提供及运行时远程下载的资源。无论这些资源存放在哪里,也无论项目通过下载脚本、缓存、镜像或集成方式使用它们,均应继续遵守各自的上游许可证和使用条款。重新分发或商业使用前,请查阅 MODEL_LICENSES.md 。
