Skip to content

openvideodev/react-video-editor

Repository files navigation

OpenVideo Editor

An advanced, AI-powered video editor that leverages WebCodecs API for high-performance client-side video rendering. This project allows users to create, edit, and export videos directly in the browser with the power of AI.

OpenVideo · Discord · Docs

🤖 AI-Powered Capabilities

  • AI Copilot: Chat-based editing assistant to generate scripts, change visuals, and control the timeline.
  • Script Generation: Integrated with OpenAI and Gemini to create engaging video scripts from simple prompts.
  • Text-to-Speech: High-quality voice synthesization using ElevenLabs for professional voiceovers.
  • Auto-Captions: Automatic transcription and caption generation using Deepgram.

🎬 Professional Video Editing

  • Multi-Track Timeline: Advanced timeline for managing video, audio, image, and text tracks.
  • Client-Side Rendering: Fast, private, and server-free rendering using the WebCodecs API.
  • Rich Media Editing: Trim, split, resize, rotate, and position elements with precision.
  • Transitions & Effects: Built-in library of transitions and visual effects to enhance your videos.

🎨 Assets & Media

  • Stock Library Integration: Direct access to royalty-free images and videos from Pexels and Freepik.
  • Media Uploads: Easy drag-and-drop upload for your own videos, images, and audio files.
  • Cloud Storage: Secure asset management compatible with S3/R2.

🚀 Export & Integration

  • Social Media Ready: Optimized export presets for TikTok, Instagram Reels, and YouTube Shorts.
  • High-Quality Export: Export videos in MP4 format up to 4K resolution.

Getting Started

Prerequisites

  • Node.js (v18 or higher recommended)
  • pnpm (Package Manager)

Installation

  1. Clone the repository:

    git clone https://github.com/openvideodev/react-video-editor.git
    cd react-video-editor
  2. Install dependencies:

    pnpm install
  3. Configure environment variables: Copy the sample environment file to .env:

    cp .env.sample .env

    Note: You will need to obtain API keys for services like OpenAI, ElevenLabs, and others to fully utilize the AI features.

  4. Run the development server:

    pnpm dev
  5. Open http://localhost:3000 with your browser to see the result.

License

OpenVideo is dual-licensed:

  1. Personal Use: Free for personal, non-commercial use. You are welcome to explore the code, modify it, and use it for your own personal projects.
  2. Commercial Use: Any commercial usage of this software requires a valid commercial license from OpenVideo.

For commercial licensing inquiries, please contact OpenVideo.

Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

About

React video editor, capcut, canva alternative. Browser side rendering.

Topics

Resources

License

Unknown, AGPL-3.0 licenses found

Licenses found

Unknown
LICENSE
AGPL-3.0
LICENSE-AGPL3.md

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages