Thanks to visit codestin.com
Credit goes to github.com

Skip to content

sashminea/auto-editor-gui

 
 

Repository files navigation

🎥 Auto-Editor GUI

This is a modified version of the original Auto-Editor, designed to provide a user-friendly graphical interface for editing videos using the Auto-Editor CLI tool. Auto-Editor automatically edits video and audio by analyzing a variety of methods, most notably audio loudness. Before doing the real editing, you first cut out the "dead space" which is typically silence. This is known as a "first pass". Cutting these is a boring task, especially if the video is very long. This is where, Auto-Editor steps in.

📸 Screenshots

🗒️ Alerts & Usability Update (11/19)

Alerts Screenshot

🗒️ Updated Screenshot (11/19)

Updated Screenshot

🗒️ Initial Screenshot (10/22)

Initial Screenshot

🛠️ Changes Made

  • GUI Implementation: Integrated a React-based graphical user interface to simplify video editing tasks. 🎨
  • File Selection: Added functionality for users to easily select video files through a file input instead of using command-line prompts. 📂
  • Alert Feature: New alerts are displayed within the UI to show important messages or errors, enhancing user interaction and feedback. ⚠️
  • Enhanced User Experience: Improved the layout and design using Tailwind CSS and Shadcn for a modern look and feel. ✨

🌟 Features

  • User-friendly interface for video editing. 🎬
  • Easy selection of video files. 🖱️
  • Modern UI components with Tailwind CSS. 🛠️
  • Built-in dark mode for comfortable viewing. 🌒
  • Alert notifications for errors and important messages. 🚨

📁 Project Structure

auto-editor-gui/
├── frontend/                # Contains the React application
│   ├── src/                # Source files for the React app
│   ├── public/             # Public assets
│   ├── package.json        # Dependencies for the frontend
│   └── ...
├── create-folder.js        # Script to create the output folder if it doesn't exist
├── main.ts                 # Main Electron process file
├── tsconfig.json           # TypeScript configuration
└── package.json            # Dependencies for the entire project

🚀 Getting Started

🔧 Prerequisites

Ensure you have the following installed:

📝 Installation & Using the Application

  1. Clone this repository:

    git clone https://github.com/sashminea/auto-editor-gui.git
    cd auto-editor-gui
  2. Install the Auto-Editor CLI (Python dependencies - Backend):

    pip install .
  3. Install dependencies for the root directory (Electron dependencies - App):

    npm install
  4. Navigate to the frontend folder and install dependencies and start localhost (React/ShadCN - Frontend):

    cd frontend
    npm install
    npm run dev
  5. In a second terminal (while in root directory) run the electron app:

    cd ..
    npm run start

🤝 Contribution

Contributions are welcome! If you have suggestions or improvements, feel free to submit a pull request. 💡

🙏 Acknowledgments

  • Thanks to the original developers of Auto-Editor for creating the CLI tool. ❤️
  • Inspired by the community and developers contributing to open-source projects. 🌍

About

Auto-Editor GUI: Efficient media analysis and rendering with a really cool user interface!

Topics

Resources

License

Code of conduct

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • Python 85.5%
  • TypeScript 13.2%
  • Other 1.3%