React Video Editor

A React-based video editor designed to provide essential video editing features with a user-friendly interface. This project was developed as part of an Upwork contract; however, the client refused to pay upon initial delivery. While the project includes a functional base, critical features are yet to be implemented for full usability.

Features Implemented

• Basic Video Editing Capabilities:
  • Video upload and preview.
  • Basic trimming and cutting functionality.
  • Text overlay support.

Work To Be Done

Despite the progress so far, several essential features are pending:

• Remotion Player Composition on the Server
  • Implement server-side rendering and composition of video using Remotion.
  • This will allow rendering dynamic video compositions programmatically.
• Whisper Model Integration
  • Integrate OpenAI's Whisper model for automatic speech recognition (ASR).
  • This feature will enable automatic transcription of audio in uploaded videos.
• Additional Enhancements
  • Improve the export process with multiple format and resolution support.
  • Refine the user interface and enhance the overall user experience.

Getting Started

Prerequisites

• Node.js (v14 or higher)
• npm (v6 or higher)

Installation

1. Clone the repository:

git clone https://github.com/Saedbhati/react-video-editor.git

2. Navigate to the project directory:

cd react-video-editor

3. Install dependencies:

npm install

4. Start the development server:

npm start

The application will be available at http://localhost:3000 by default.

Contributing

We welcome contributions to improve the React Video Editor! Here's how you can help:

1. Fork the repository
2. Create a feature branch (git checkout -b feature/AmazingFeature)
3. Commit your changes (git commit -m 'Add some AmazingFeature')
4. Push to the branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

Development Guidelines

• Follow the existing code style and conventions
• Add tests for new features
• Update documentation as needed
• Ensure all tests pass before submitting PRs

Support

If you encounter any issues or have questions:

• Open an issue in the GitHub repository
• Reach out to the maintainers
• Check the existing issues for solutions

Acknowledgments

• Thanks to all contributors who have helped shape this project
• Special thanks to the React and Remotion communities for their excellent tools and documentation