openreel-video README

The project's README from github.com/Augani/openreel-video. As one markdown file: README.md.

OpenReel Video

The open source CapCut alternative. Professional video editing in your browser. No uploads. No installs. 100% open source.

OpenReel Video is a fully-featured browser-based video editor that runs entirely client-side. Built with React, TypeScript, WebCodecs, and WebGPU for professional-grade video editing without the need for expensive software or cloud processing.

Try it Live | Documentation | Discussions | Twitter

OpenReel Editor License Status Open Source Sponsor Augani


Why OpenReel?


Features

Video Editing

Graphics & Text

Audio

Color Grading

Export

Professional Tools

Performance


Quick Start

Try Online

Visit openreel.video to start editing immediately.

Run Locally

# Clone the repository
git clone https://github.com/Augani/openreel-video.git
cd openreel-video

# Install dependencies (requires Node.js 18+)
pnpm install

# Start development server
pnpm dev

# Open http://localhost:5173

Build for Production

pnpm build
pnpm preview

Browser Requirements

Browser Version Status
Chrome 94+ Full support
Edge 94+ Full support
Firefox 130+ Full support
Safari 16.4+ Full support

All major browsers now support WebCodecs for hardware-accelerated video encoding/decoding.

Recommended:


Architecture

Monorepo Structure

openreel/
├── apps/web/              # React frontend (~66k lines)
│   └── src/
│       ├── components/    # UI components
│       │   └── editor/    # Editor panels (Timeline, Preview, Inspector)
│       ├── stores/        # Zustand state management
│       ├── services/      # Auto-save, shortcuts, screen recording
│       └── bridges/       # Engine coordination
│
└── packages/core/         # Core engines (~59k lines)
    └── src/
        ├── video/         # Video processing, WebGPU rendering
        ├── audio/         # Web Audio API, effects, beat detection
        ├── graphics/      # Canvas/THREE.js, shapes, SVG
        ├── text/          # Text rendering, animations
        ├── export/        # MP4/WebM encoding
        └── storage/       # IndexedDB, serialization

Key Technologies

Design Principles


AI-Managed Development

OpenReel is an experiment in AI-assisted open source development. Claude AI helps manage:

Human oversight from Augustus ensures strategic direction and final approval on major changes. All code is public, tested, and follows best practices.

What this means for contributors:


Contributing

We welcome contributions! See CONTRIBUTING.md for guidelines.

Ways to contribute:

Development workflow:

# Fork and clone
git clone https://github.com/Augani/openreel-video.git

# Create feature branch
git checkout -b feat/your-feature

# Make changes, then test
pnpm typecheck
pnpm test
pnpm lint

# Commit with conventional commits
git commit -m "feat: add your feature"

# Push and open PR
git push origin feat/your-feature

Roadmap

Completed

In Progress

Planned


License

MIT License - Use freely for personal and commercial projects.

See LICENSE for details.


Acknowledgments

Built with:

Inspired by:


Support


$OPENREEL Token

CA: B7wDnfrdtvdG7SCkRjSMJ6LkVwGWvdWrQ75iV8G9pump


Built with care by @python_xi and AI working together.

Making professional video editing accessible to everyone. Forever free. Forever open source.

openreel-video (Augani/openreel-video)

Searching Database…

这是什么?OpenReel Video 是一款免费、开源的基于浏览器的视频编辑器,定位为 CapCut 的替代品,提供多轨时间线、调色、特效和 4K 导出功能,所有运算都在客户端完成。
这是原生应用,还是只能在浏览器里运行?它是一个纯网页应用,而非原生安装程序。它完全在客户端运行,支持的桌面浏览器通过 WebCodecs 和 WebGPU 即可使用,无需下载任何东西。
我要怎么开始使用它剪辑?只需在支持的浏览器中访问 openreel.video,即可立即开始剪辑;或者克隆单体仓库,运行 pnpm dev/build 脚本在本地运行。
从源码运行需要准备什么?该项目是一个基于 React、TypeScript 和 WASM 构建的 pnpm 单体仓库,因此你需要安装 Node.js 和 pnpm,并且在构建 Web 应用之前需要执行 build:wasm 步骤。
它在任何浏览器里都能用吗?完整支持需要较新的浏览器:Chrome/Edge 94+、Firefox 130+ 或 Safari 16.4+。如果想流畅地编辑 4K 视频,建议配备 8GB 以上内存和独立显卡。
我剪辑的视频究竟会传到哪里去?不会传到你的电脑之外。所有剪辑和编码都在浏览器本地完成,视频从不会上传到服务器。
我可以导出为哪些视频和音频格式?视频可导出为 MP4(H.264/H.265)、WebM(VP8/VP9/AV1)和 ProRes,并提供最高 4K 60fps 的质量预设。音频可导出为 MP3、WAV、AAC、FLAC 或 OGG。
README 中的「AI 托管开发」是什么意思?Claude AI 负责问题分类、功能实现、代码审查和文档维护,而人类维护者 Augustus 负责战略方向,并对重大变更做最终审批。
README 底部提到的 $OPENREEL 代币是什么?README 列出了 $OPENREEL 代币的合约地址,但没有进一步说明,而且与使用编辑器本身无关。编辑器是一款免费的 MIT 许可证网页应用。
我能应用 LUT 之类的专业调色吗?可以。调色工具包括提升/伽马/增益色轮、HSL 调整、RGB 曲线编辑器,并支持导入 3D LUT,同时还内置了预设。
Creator
Augani
Size
26.5 MB
Stars
5.4K
Age
9mo
Commits · 90 Days