OpenCut:如何5分钟跑通这款免费开源视频编辑器?新手完整指南
OpenCut:如何5分钟跑通这款免费开源视频编辑器?新手完整指南
【免费下载链接】OpenCutThe open-source CapCut alternative项目地址: https://gitcode.com/GitHub_Trending/ap/OpenCut
想在浏览器里剪视频,还想把源码握在自己手里?OpenCut 是一款免费的开源视频编辑器,CapCut 的替代品,目标是同一套代码库支持 Web、桌面和移动端。项目正在推倒重写,MIT 协议开源——对前端或 Rust 开发者来说,这是围观一个视频编辑器从零被造出来、甚至参与进去的罕见机会。就算你只是普通用户,也可以先用起来,之后再贡献一条反馈。
OpenCut是什么:Web、桌面、API一个仓库全给你
先说好消息:这条产品线的功能已经相当能打。
- 遮罩、关键帧曲线编辑器,可以拖动贝塞尔手柄调缓动
- 视频、音频独立的速度与音量控制,变速不变调
- 可缩放的预览、画布背景、1000+ 字体
完整清单都在 changelog/0.3.0.md 里。
但本仓库是"下一代":正在从零重写,monorepo 里三大件——
- Web 编辑器apps/web:React 19 + Vite + Tailwind,编辑器界面正在重建
- 桌面客户端apps/desktop:Rust 编写,基于 GPUI 框架,目前处在"先开一个窗口"的极早期
- API 服务apps/api:Elysia 框架,部署到 Cloudflare Workers
为什么重写要用 Rust 核心?因为浏览器、桌面、移动端要跑同一套代码。核心逻辑编译成 WASM,Web 端直接调用,性能和精度都能保证。
最小上手路径:3条命令跑通本地开发环境
先克隆代码:
git clone https://gitcode.com/gh_mirrors/ap/OpenCut cd OpenCut项目用 moon 任务工具驱动,安装前先装 proto(Linux / macOS / WSL 一条命令,Windows 的 PowerShell 写法见仓库 README):
bash <(curl -fsSL https://moonrepo.dev/install/proto.sh)接着装上锁定的工具链,启动开发服务器:
proto use moon run web:dev✅ 浏览器打开http://localhost:5173,本地开发环境就跑起来了。另外两条命令留个印象:
moon run api:dev:启动 API 服务,监听 localhost:8787moon run desktop:dev:编译运行 Rust 桌面端,首次编译要跑很久,别慌,耐心等
核心模块在哪:3个入口文件把代码看明白
跑起来之后,代码从哪读?三个入口,都很轻:
Web编辑器
apps/web/src/routes/是路由入口,首页和/editor两个页面;UI 组件集中在src/components/ui/,是标准的 shadcn 风格,读起来门槛很低。
桌面客户端
apps/desktop/src/按 Rust 模块组织:panels/timeline.rs和panels/preview.rs对应时间线与预览面板,shell.rs是主窗口布局,theme.rs管主题。想验证改动又嫌首次构建慢?跑moon run desktop:check做快速类型检查。
API服务
apps/api/src/index.ts只有几十行:健康检查、回显接口、TypeScript 类型校验,是读服务端代码最舒服的"hello world"。
新手第一个PR从哪改起
直说:重写还在定架构,项目目前尚未正式开放外部 PR。但这不意味着你只能围观:
- 从修 typo 和文档开始:README 或 changelog 里有错别字,直接改,这就是完全合格的第一个 PR,从修一个 typo 开始也完全 OK 🛠️
- 提 issue:环境搭起来遇到问题、功能有想法,提单说清楚你的系统和现象
- 顺着 changelog 学:更新记录里能看到一个视频编辑器的需求是怎么一步步长出来的,比看博客直观
迈出第一步:打开仓库,动手跑起来
你不需要今天就会写一个完整的视频编辑器,只需要三步:
- 克隆仓库,跑
moon run web:dev,确认浏览器里能打开页面 - 挑 Web 或 API 其中一个入口文件通读一遍
- 看到不顺眼的东西——修掉它
开源最难的部分永远是第一次"跑不起来"。现在你手里有全套命令了,剩下的,只是打开终端。👋
【免费下载链接】OpenCutThe open-source CapCut alternative项目地址: https://gitcode.com/GitHub_Trending/ap/OpenCut
创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考
