OpenCut Web视频剪辑：3条命令跑通开源剪辑器——上手实操笔记
【免费下载链接】OpenCutThe open-source CapCut alternative项目地址: https://gitcode.com/GitHub_Trending/ap/OpenCut
OpenCut是一款完全开源的Web视频剪辑工具，也是免费的CapCut替代方案。它不需要安装厚重的桌面软件，浏览器里就能完成素材导入、时间轴编排和成片导出的完整流程。这份笔记面向零剪辑经验的你，从本地跑通编辑器开始，一步步走到剪出第一条视频。
先跑起来
环境要求
你不需要自己安装Node或Rust。仓库使用moonrepo的proto工具链，proto use会按仓库锁定的版本一次性拉齐所需依赖。对机器的要求也很轻：一个支持GPU加速的现代浏览器（Chrome、Edge均可）。如果浏览器不支持GPU渲染，编辑器会直接弹出提示，建议换浏览器打开。
克隆仓库并装好工具链
- 打开终端，执行下面三条命令，克隆仓库、进入目录并安装工具链：
git clone https://gitcode.com/gh_mirrors/ap/OpenCut cd OpenCut proto use- 等
proto use跑完，终端里能识别moon命令就说明工具链就位了。
验证成功启动
- 在仓库根目录启动Web端开发服务：
moon run web:dev- 浏览器打开
localhost:5173。 - 看到项目列表和新建项目入口，就说明跑通了，可以直接开始建项目。
端口5173被占用时，改一下
apps/web/vite.config.ts里的端口再启动；Windows PowerShell若提示禁止本地脚本，先为当前用户放开执行策略，再重跑proto use。
剪出你的第一条视频
配置画布并导入素材
新开一个项目，第一件事是定好成片比例。
- 打开设置面板，选择目标平台的预设画布比例，也可以直接输入任意宽度和高度
- 在资产面板导入视频、图片和音频
- 把导入的素材拖进时间轴的主轨道
你看到什么：素材以缩略图的形式落在主轨道上，上方预览窗口直接播放第一个片段。编辑器入口在apps/web/src/routes/editor.tsx，之后想读源码可以从这个文件顺着页面结构走。
时间轴上精确剪辑和排布
素材就位后，主战场就是时间轴。
- 把播放头停在要剪开的位置，对片段做拆分
- 拖动片段边缘调出点入点，精度到帧
- 移动或删掉某个片段，后面的片段自动补位，不用手动对齐
- 右键片段选"展开关键帧"，每个动画属性会展开成独立轨道
你看到什么：排布完成后轨道衔接无缝，主视频轨道始终显示在时间轴底部，不用往上滚。补位背后是一套diff式的ripple算法，源码在src/lib/ripple/，好奇它的实现可以翻一翻。
加文字、遮罩和动画
想让成片更精致，就靠标题和转场。
- 添加文字元素，在字体选择器里挑字体，内置1000多款，Arial、Helvetica这些系统字体也在列
- 在右侧属性面板调位置、缩放和旋转，面板按变换、混合、排版、间距分区，互不干扰
- 给视频层加遮罩，可选分割、矩形、椭圆、星星、爱心、电影黑边等形状，羽化和描边都能调，预览里直接拖手柄
- 在关键帧曲线编辑器里拖动贝塞尔手柄，控制关键帧之间的缓动
你看到什么：标题按你调好的曲线自然弹出，遮罩边缘柔和过渡。加速片段时记得勾选"保持音调"，音轨不会变成花栗鼠。
💡让它更快、少走弯路
字幕靠导入，别干等自动识别
一个小技巧：如果素材本身有转录文本文件，直接导入生成字幕，跳过自动识别这一步。实测两条路线对比很明显：
| 场景 | 手动干等自动识别 | 导入转录文件 |
|---|---|---|
| 出字幕速度 | 取决于视频长度 | 基本即时 |
| 不准的台词 | 识别完再逐句返工 | 原文导入，直接可用 |
Shift键是你的精度开关
实测发现：移动或缩放元素时按住Shift可以临时关掉吸附。想把元素挪到一个非吸附位置，不用反复松手重来，压着Shift直接摆到哪儿算哪儿。
多选批处理省一半步骤
时间轴里按住Shift或Ctrl拖框，可以把框选中的片段加进已有选择里，之后移动、缩放多个片段是一起生效的。想批量删掉一组贴纸、一段字幕，一次选中就够。
继续深入
- 编辑器源码入口在
apps/web/src/routes/editor.tsx，从页面结构入手读代码最顺 - Rust核心放在
rust/crates/下，合成、特效、遮罩、GPU、时间五个crate各管一块 changelog/里有逐版本的更新记录，新功能上线顺序看它最清楚- 项目正在重构架构，暂未开放外部贡献，可以先跟踪社区讨论和版本更新
你的第一条视频离得并不远——打开OpenCut，把素材拖进时间轴试试吧。
【免费下载链接】OpenCutThe open-source CapCut alternative项目地址: https://gitcode.com/GitHub_Trending/ap/OpenCut
创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考
