OpenReel Video 是一款功能完备的开源浏览器端视频编辑器，旨在作为 CapCut 和 DaVinci Resolve 等专业工具的免费替代方案。它完全在客户端运行——你的视频绝不会离开你的设备——无需下载、无需云端处理，也无需订阅。OpenReel 基于现代 Web 技术栈构建，包含超过 13 万行 TypeScript 代码，能够在浏览器内直接提供专业级功能，包括多轨时间线编辑、GPU 加速渲染、调色、音频混音以及硬件编码导出。

OpenReel 将令人惊叹的丰富专业编辑功能，浓缩于一个免安装的浏览器应用中。其功能集覆盖了完整的视频制作流程——从媒体导入、编辑与特效处理，到最终的导出——这一切均由浏览器原生 API 驱动。

OpenReel 区别于大多数浏览器端编辑器的独特之处在于其基于操作的编辑模型：每一次编辑操作都是一个可撤销的动作，并被记录在历史栈中。这种架构结合不可变状态管理，确保了即使在复杂的多轨操作中也能保持可预测的行为。系统还采用了渐进增强策略——如果你的浏览器支持 WebGPU，你将获得 GPU 加速的合成效果；否则，它会优雅地降级到 Canvas2D 渲染。

OpenReel 遵循简洁的 monorepo 架构，将关注点分离到三个主要包中。前端应用（apps/web）处理基于 React 的用户界面，并通过专用的桥接层与核心引擎进行协调。核心引擎包（packages/core）包含所有媒体处理、渲染和状态逻辑——完全独立于任何 UI 框架。共享 UI 组件库（packages/ui）提供了基于 shadcn/ui 模式构建的可复用设计原语。这种分离意味着核心引擎无需修改即可驱动完全不同的 UI（如命令行工具、其他框架等）。

桥接模式是 OpenReel 将响应式 UI 连接到命令式引擎代码的核心机制。React 组件不会直接调用引擎函数，而是由专用的桥接模块（例如 playback-bridge.ts、render-bridge.ts、media-bridge.ts、effects-bridge.ts）提供协调的集成层。每个桥接遵循初始化/使用/销毁的生命周期，确保资源的干净管理。在编辑器启动期间，EditorInterface 组件负责编排桥接的顺序初始化——首先是媒体桥接，然后是播放、渲染、特效和转场桥接——并配有优雅的错误处理机制，确保单个桥接的失败不会阻塞其他桥接。

技术栈

OpenReel 的技术选型由一个明确的目标驱动：利用浏览器原生 API 实现极致性能，同时通过 TypeScript 和 React 保持开发者体验。

一个值得注意的设计决策是，使用由 AssemblyScript 编译的 WASM 模块来处理对性能要求极高的音频任务——特别是 FFT 分析、WAV 解析和节拍检测。这些模块通过 pnpm build:wasm 构建，为在纯 JavaScript 中难以实现的信号处理任务提供了接近原生的性能。该项目还使用 Web Workers 进行后台处理（帧解码、导出编码），以保持主线程的响应速度。

OpenReel 内置了一套设备性能分析系统（device-capabilities.ts），用于评估你的硬件并将其划分为三个级别：低、中 或 高。该配置文件会影响导出设置的建议和分辨率限制 device-capabilities.ts。

CPU 级别

系统会读取 navigator.hardwareConcurrency，如果该属性不可用，则默认值为 4 device-capabilities.ts。

内存级别

内存通过 navigator.deviceMemory（一项 Chromium 特有的 API）进行检测，不可用时默认为 4 GB device-capabilities.ts。

GPU 级别

GPU 性能是通过 WEBGL_debug_renderer_info 探测 WebGL 渲染器字符串来推断的 device-capabilities.ts：

整体级别是 CPU、内存和 GPU 级别的加权平均值（GPU 的权重为 1.5 倍，因为渲染是最消耗 GPU 的操作）device-capabilities.ts。

基于硬件级别的推荐导出设置

设备性能分析系统会根据检测到的硬件提供编解码器和分辨率建议。这些建议会展示在导出 UI 中，以引导用户选择最佳设置 device-capabilities.ts。

分辨率建议

编解码器建议