← 返回项目库

OpenCut 中文视频编辑工作台｜本地剪辑与导出

一套面向中文创作者的本地视频编辑工作台，提供媒体素材、文字、音频、滤镜、预览时间线和导出设置等可浏览的剪辑流程。

这是基于 OpenCut 上游仓库整理的中文视频编辑工作台。当前交付聚焦浏览器端本地体验：用户可以创建项目、导入本地媒体、浏览演示素材、切换文字/音频/滤镜面板、操作预览和时间线，并查看导出设置。页面明确标注本地预览与演示数据，导入提示说明文件在浏览器内处理，不上传到外部服务。

真实界面

项目截图

共 6 张

创作者工作台
媒体素材
文字素材
音频素材
滤镜素材
导出视频

Capabilities

核心功能

✓中文创作者工作台首页与项目入口
✓浏览器内本地媒体导入提示与演示素材
✓视频预览窗口与播放/暂停交互
✓三轨时间线展示视频、文字和音频素材
✓文字素材面板与字幕样式设置
✓音频素材面板与音量、淡入淡出设置
✓滤镜面板与预览强度控制
✓导出面板与分辨率、帧率、格式设置
✓本地预览和隐私边界说明

适用场景

为个人创作者快速搭建中文视频剪辑工作台原型
演示从素材导入、预览、时间线编辑到导出设置的产品流程
学习 React、TypeScript 和 Vite 项目中的编辑器布局与面板交互

适合谁

短视频创作者、内容团队、独立开发者，以及需要学习 React 视频编辑器界面结构的产品和前端人员。

商业化思路

本地视频编辑工具源码交付、品牌化界面定制和创作者工作流咨询；可在此基础上接入经过授权的媒体处理或云端存储服务。

你会拿到什么

  • ✓中文视频编辑工作台源码与响应式界面
  • ✓媒体、文字、音频、滤镜和导出面板的本地演示交互
  • ✓OpenCut 上游 MIT 许可证、版权信息和本地部署说明

部署流程

  1. 1安装 Bun 1.3 或 Node.js 20 及以上并进入 apps/web 目录
  2. 2在仓库根目录安装依赖后执行 cd apps/web && bun run build
  3. 3将 apps/web/dist 目录部署到任意静态 Web 服务，或使用 bun run preview --host 127.0.0.1 --port 4173 本地预览

真实验证结果

已通过 6 个真实运行中文界面、HTTP、可见正文、控制台、坏图和横向溢出质量门。

部署前须知

当前版本的演示素材和导出按钮用于本地工作台体验，导出操作只创建本地 UI 反馈，不代表已接入真实视频编码服务；没有云端同步、账号和后端媒体处理。接入生产能力前需补充真实媒体管线、持久化和权限设计。

部署难度

简单

最低配置

开发和本地预览建议使用 Bun 1.3 或 Node.js 20 及以上；构建后的 apps/web/dist 可部署到任意静态 Web 服务，建议至少 1 vCPU、256 MB 内存。

开源许可证

MIT

最后验证

2026-09-01

技术栈

ReactTypeScriptTanStack StartViteTailwind CSS

授权说明

上游仓库包含 MIT License。交付包保留上游许可证与版权信息；中文界面适配、演示数据和本地工作台改动应与 MIT 通知一起分发，商业再分发仍需遵守许可证条款。

Release notes

版本记录

1 个已发布版本

vcn-15b983755e81 当前推荐

完成中文创作者首页、媒体导入提示、预览窗口、三轨时间线、文字/音频/滤镜/导出面板和本地隐私边界说明，并通过固定视口截图与本地交互验证。

部署要求：Bun 1.3 或 Node.js 20 及以上；构建产物可部署到任意静态 Web 服务。

已知问题：当前为本地演示工作台，演示数据不会上传；导出反馈尚未连接真实视频编码器，云端同步、账号和后端媒体处理需要后续开发。

登录后领取