10 分钟跑起来 OpenCut 开源视频编辑器:从零到浏览器剪辑的入门指南

📅 发布时间:2026/8/29 11:53:49
10 分钟跑起来 OpenCut 开源视频编辑器:从零到浏览器剪辑的入门指南 10 分钟跑起来 OpenCut 开源视频编辑器从零到浏览器剪辑的入门指南【免费下载链接】OpenCutThe open-source CapCut alternative项目地址: https://gitcode.com/GitHub_Trending/ap/OpenCutOpenCut 是一款免费的开源视频编辑器定位是 CapCut 的开源替代多轨时间线、关键帧动画、蒙版、导出全部发生在浏览器里不装任何客户端。代码库正在整体重写一套 Rust 内核同时服务 Web、桌面和移动端MIT 协议意味着每一行代码你都能读、都能改。项目速览专业剪辑能力不再锁在闭源软件里视频编辑工具的痛点很一致专业的贵、要订阅、闭源免费的网页工具又往往功能阉割剪点东西就卡。OpenCut 押的方向是把专业级剪辑体验放进浏览器把代码交给社区公开迭代。0.3.0 版本已经具备蒙版、关键帧曲线编辑、速度与音量控制、预览缩放、画布背景、贴纸、MP4 导出这些能力。项目还年轻但每个 release 的功能增量都不小。亮点能力一览多轨时间线多片段可选、可一起拖拽缩放波纹编辑让剪切不留空隙关键帧动画贝塞尔手柄拖出缓动曲线关键帧可跨元素复制粘贴蒙版与特效矩形、椭圆、星形、心形等 7 种蒙版羽化和描边可调浏览器直出导出 MP4 不用传服务器渲染浏览器内直接完成一套代码跨端Rust 内核驱动 Web 与桌面桌面端基于 GPUI 构建快速上手三条命令启动 Web 编辑器环境要求现代浏览器Chrome / Edge / Safari开启 GPU 加速体验更好Node、Rust 等工具链由 proto 统一锁版本不用手动装第一步拿到代码git clone https://gitcode.com/gh_mirrors/ap/OpenCut cd OpenCut第二步按 README 里的说明安装 proto一条 curl 命令即可然后执行proto use moon run web:dev服务起来后打开http://localhost:5173就能进编辑器。API 跑在 8787 端口moon run api:dev只在你碰后端逻辑时才需要。内幕一瞥为什么时间要用整数刻度存视频编辑器最容易被时间计算坑用浮点秒存时间很自然但剪得越多误差累积越明显帧对不齐。OpenCut 的做法是整数 tick 计数固定每秒 120,000 tick。选 120,000 是因为它能整除所有常见帧率分母30fps 对应 4000 tick、29.97 对应 4004、23.976 对应 5005帧对齐变成精确的整数运算。这个模块写在 Rust 里、编译成 WASM 给 TypeScript 调用帧率类型是有理数而非浮点。同样的思路贯穿全项目渲染器从 GLSL/WebGL 换成 Rust/wgpu 合成器波纹编辑不再逐个挪后面的片段而是前后两次快照按区间集合做差得到一批RippleAdjustment再统一应用——可组合、可测试、不依赖触发它的命令。rust/crates/time # MediaTime整数 tick 时间 rust/crates/compositor # wgpu 合成器WASM src/lib/ripple/ # 波纹编辑 apps/web/src/routes/ # 编辑器页面以上路径出自 0.3.0 的更新日志见 changelog/0.3.0.md。进阶方向给 Web 编辑器加一个 9:16 平台导出预设想动代码从一个低风险场景入手短视频平台普遍用 9:16 竖屏而编辑器在 0.3.0 已支持自定义画布宽高加预设是顺理成章的第一步。在apps/web/src/下搜画布尺寸、预设相关关键词canvas、aspect定位预设定义处加一条 9:16 预设接到设置面板里浏览器里改比例确认预览和导出都生效资源导航README.mdproto 安装、运行命令与项目现状说明changelog/0.1.0 到 0.3.0 的更新日志理解架构演进的必读材料apps/desktop/README.md桌面版构建方式与平台依赖Linux 需要 Vulkan 环境Discord 社区与 issue 跟踪入口在 README 顶部的徽章处提问和跟进进度都在这写在最后OpenCut 证明了专业级视频剪辑可以长在浏览器里、代码可以属于所有人。重写正在进行插件架构和 AI agent 接口都已在路线上现在跟进正合适。建议先把编辑器跑起来再对照 0.3.0 的 changelog 读一遍时间模块两件事做完整个项目的骨架就清楚了。【免费下载链接】OpenCutThe open-source CapCut alternative项目地址: https://gitcode.com/GitHub_Trending/ap/OpenCut创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考