如果你很早以前体验过 Timeline Studio,可能对它留下过这样的印象:
- AI 功能不少,但界面不够成熟;
- 看起来像视频编辑器,真正操作时却不够顺手;
- 桌面端勉强能用,手机端像是被强行压缩进去的;
- 时间线功能都有,但一些交互不符合剪辑直觉;
- 有些按钮能点,却不知道点完会发生什么;
- AI 能生成内容,但生成结果不容易继续编辑。
坦白说,这些批评放在早期版本并不过分。
当时项目只有 80 多个 GitHub Star,我们首先证明的是:浏览器可以完成 AI 配音、自动字幕、多轨预览和视频导出。
但“技术上能实现”和“用户愿意长期使用”之间,还隔着大量产品细节。
截至 2026 年 8 月 24 日,Timeline Studio 已经获得 544 个 GitHub Star。
项目地址:
https://github.com/MartinDelophy/ai-video-editor
在线体验:
https://video-editor.ai-creator.top/
相比 Star 数字,我们更希望重新说明一件事:
以前那些被用户评价为“鸡肋”和“反人类”的界面、时间线与移动端交互,已经不是现在的样子了。
一、我们承认:早期版本更像技术 Demo
Timeline Studio 最初从图片配音和浏览器视频导出起步。
用户上传图片、输入文案、生成声音,再导出一段视频。这条流程能跑通,但离真正的视频编辑器还有很远。
随着功能增加,我们一度犯了一个典型错误:每开发一项能力,就在界面里增加一个入口。
结果是功能越来越多,但操作关系并没有变得更清楚。
用户能够看到字幕、贴纸、配音、音乐、画中画和 AI 功能,却不一定知道:
- 当前到底选中了什么;
- 一个操作会影响素材、片段还是整条轨道;
- 生成的内容会出现在哪里;
- 手机端如何精确选择和移动片段;
- 为什么滚动时间线时有时变成了缩放;
- 为什么分离音频会影响其他切分片段;
- 为什么导出按钮点第二次不能直接关闭面板。
这些问题单独看都不大,叠加在一起却会形成明显的“反人类感”。
所以后来的迭代重点不再是继续增加菜单,而是重新梳理用户从导入素材到完成视频的整条路径。
二、桌面端不再堆卡片,而是围绕当前任务组织界面
现在的桌面工作区重新明确了几个主要区域:
- 左侧负责素材与智能能力;
- 中间保持主要预览画面;
- 下方是多轨时间线;
- 右侧属性面板只显示当前对象真正相关的设置。
用户选中视频、图片、字幕、贴纸或音频时,右侧面板会切换到对应属性,而不是把所有选项同时堆在一个区域里。
一些过去分散、层级过深的设置,也重新按照剪辑语义组织。
例如音频属性会围绕基础设置、淡入淡出、空间效果和声音处理展开;视觉片段则围绕基础变换、动画、滤镜、效果、变速与调色展开。
桌面端的色轮也不再只是一个概念入口,而是提供阴影、中间调、高光与整体偏移控制。色温、色调、饱和度和色轮参数可以加入关键帧,并进入预览、转场和最终导出。
重点不是“功能更多”,而是让用户始终知道自己正在修改哪个对象。
三、时间线滚动不再突然变成另一种操作
早期时间线最影响体验的问题之一,是滚轮行为不够稳定。
在复杂时间线上,鼠标保持不动,下面的片段可能随着滚动发生变化。如果系统不断根据鼠标当前下方的内容重新判断手势,用户明明只是想滚动轨道,却可能突然触发时间线缩放。
现在,一次连续手势会在开始时决定语义:
- 从空白时间线开始纵向滚动:滚动轨道;
- 从片段上开始滚动:缩放时间线;
- Shift+滚轮:横向移动;
- Ctrl/Cmd+滚轮或双指捏合:缩放时间线。
即使操作过程中另一个片段移动到了鼠标下方,本次手势也不会临时切换模式。
短暂停顿后开始的下一次手势,才会重新判断目标。
这看似是一个很小的调整,却直接改变了时间线是否“听话”。
四、主画面不会因为滚动轨道而消失
当工程里出现多个画中画、字幕和音频轨道时,纵向滚动不可避免。
过去滚动轨道时,主画面轨也可能一起离开视野。用户在调整下方片段时,会失去对主画面的参照。
现在主画面轨会固定在时间标尺下方,画中画和其他低层轨道在它下面滚动。
同时,桌面端和移动端隐藏了持续占据空间的滚动条外观,但横向和纵向滚动能力仍然存在。
主画面轨的下边缘还会作为拖拽自动滚动的边界,保证用户跨轨移动素材时仍然可以正确命中目标轨道。
用户不需要理解这些实现细节,只会感受到:轨道多起来以后,时间线终于不再容易“丢”。
五、切分默认作用于主画面,不再逼用户猜目标
剪辑时一个非常高频的动作,是把播放头停在某个位置,然后点击“切分”。
早期版本在用户没有显式选中片段时,可能要求用户先选择具体轨道或片段。对于一个看起来明明位于主画面上的播放头,这种提示会显得多余。
现在,主画面轨是默认切分目标。
当用户没有明确选择其他片段时,点击剪刀按钮或使用快捷键,会自动选择并切分播放头下方的主画面片段。
如果用户已经选中了画中画、音频或其他片段,则继续尊重显式选择。
默认行为服务于最常见的操作,特殊行为交给明确选择。这比让每个用户都先学习内部轨道规则更符合直觉。
六、分离音频终于按照“这个片段”工作
视频被切分以后,多个片段可能仍然引用同一个源文件。
早期如果只根据素材 ID 匹配音频,用户对其中一个片段执行“分离音频”,可能会连带影响其他共享源素材的片段。
从程序角度看,它们属于同一份素材;从用户角度看,自己明明只操作了当前片段。
现在,“分离音频”按照片段语义工作:
- 只提取当前视频片段对应的源时间范围;
- 保留当前片段的裁剪和播放速度;
- 将音频放入对应音轨;
- 自动静音当前画中画片段,避免重复声音;
- 选中并滚动到新生成的音频;
- 不修改其他没有被用户操作的兄弟片段。
视频原声还可以继续被拖入普通音频轨,并保留源时间、速度、音量、波形和声音效果。
这才符合用户对“分离这个片段的音频”的理解。
七、手机端不再是桌面界面的缩小版
移动端曾经是早期版本最容易被评价为“鸡肋”的部分。
把桌面的左侧栏、预览区、右侧属性和多轨时间线全部压进手机屏幕,并不会自动得到一个移动端视频编辑器。
现在移动端采用的是另一套操作组织方式:
- 预览画面保持在上方;
- 时间线紧邻预览;
- 播放头固定在视野中心;
- 时间线围绕播放头滚动;
- 选中片段后显示类型对应的操作栏;
- 属性通过底部抽屉打开;
- 桌面快捷键说明在移动端完全隐藏;
- 视频、字幕、音频和画中画使用适合触控的操作入口;
- 常用操作不再要求精确命中桌面级小按钮。
桌面端强调信息密度与精确控制,移动端强调单手触控和当前任务。
两端使用同一个项目结构,但不再强迫用户使用同一种界面。
八、按钮不再只是“能点”,状态也必须说得清楚
很多所谓的“反人类体验”,来自操作状态表达不清。
因此我们还修复了大量看似细小、实际高频的问题:
- 顶部“导出视频”按钮变成真正的开关,第二次点击会关闭导出面板;
- 点击外部、按 Escape 和关闭按钮仍然可以退出;
- 图标按钮在悬停和键盘聚焦时显示本地化自定义提示;
- 不再只依赖浏览器原生
title; - 锁定轨道保持低对比和纹理提示,但片段不再出现类似选中状态的虚线框;
- 可执行的“分析人物”“分析物体”使用明确的主按钮样式;
- 只有进入取消分析状态时,按钮才切换为中性样式;
- AI 音乐的生成和取消按钮使用正确的鼠标指针状态;
- 所有关闭按钮统一使用图标库,不再使用容易偏移的字符“×”;
- 导出、删除、复制、切分和字幕关联状态都有一致反馈。
这些细节不会出现在“AI 视频编辑器拥有多少模型”的功能表里,但它们决定了用户敢不敢继续点击下一步。
九、生成结果不再擅自插入或覆盖时间线
另一类容易让用户失去控制的行为,是 AI 完成后自动修改工程。
现在 Timeline Studio 对生成结果采取更保守的策略:
- AI 音乐生成后进入“我的素材”,不自动插入时间线;
- 声音转换结果进入“我的素材”,不自动替换原音频;
- 如果用户明确选择替换,则保留片段身份、时间、淡入淡出、音量和字幕关系;
- 原始声音保留为可恢复版本;
- 录制参考声音用于声音克隆时,不会自动加入时间线;
- AI 配音分段生成时,后续片段会按顺序追加,而不是全部堆在播放头或 0 秒位置。
AI 可以主动帮助用户完成工作,但不应该在没有明确授权的情况下破坏现有工程。
十、544 个 Star 不是重点,旧印象已经过期才是
从 80 多个 Star 到 544 个 Star,项目当然新增了很多能力。
但如果只说自动字幕、AI 配音、AI 音乐、本地修复、色轮、智能画面和 Agent Skill,很容易让人误以为 Timeline Studio 只是继续堆叠功能。
真正重要的变化是,我们开始系统修复那些让用户感到别扭的问题:
- 界面围绕当前对象组织;
- 桌面和移动端不再强行共用同一套布局;
- 时间线连续手势保持稳定;
- 主画面轨在复杂工程中持续可见;
- 切分操作拥有符合直觉的默认目标;
- 音频分离按照片段而不是素材 ID 工作;
- AI 结果不会擅自修改时间线;
- 按钮、锁定、加载、取消和导出状态都有明确反馈;
- 预览与最终导出使用一致的时间和画面语义。
如果你以前体验过 Timeline Studio,并认为它“技术不错,但界面鸡肋”“功能挺多,但操作反人类”,我们不会说当时的评价是错的。
更准确的说法是:
那是早期版本真实存在的问题,而这些问题已经成为后来迭代的重点。
十一、欢迎重新体验一次
在线编辑器:
https://video-editor.ai-creator.top/
GitHub:
https://github.com/MartinDelophy/ai-video-editor
本地运行:
git clone https://github.com/MartinDelophy/ai-video-editor.git
cd ai-video-editor
npm install
npm run dev
Timeline Studio 仍然没有完成,也不会因为获得 500 多个 Star 就停止调整。
但它已经不再是那个只能证明“浏览器可以做 AI 视频”的技术原型。
现在我们更想把它做好成:
一个操作符合剪辑直觉、工程可以继续编辑、AI 不会夺走用户控制权的开源浏览器视频编辑器。