This project is a React-based web application built with TypeScript and bundled with Vite. It's designed to provide a user-friendly interface for video input and processing.
- React: A JavaScript library for building user interfaces.
- TypeScript: A typed superset of JavaScript that compiles to plain JavaScript.
- Vite: A build tool that aims to provide a faster and leaner development experience for modern web projects.
- npm: A package manager for JavaScript and the world's largest software registry.
- Tailwind CSS: A utility-first CSS framework for rapidly building custom designs.
- PostCSS: A tool for transforming CSS with JavaScript.
- FFmpeg: A complete, cross-platform solution to record, convert and stream audio and video.
- Install dependencies:
npm install- Start the development server:
npm run devsrc/: Contains the source code of the application.app.tsx: The main application component.components/: Contains reusable UI components.ffmpeg/: Contains the FFmpeg core and worker scripts.lib/: Contains utility and helper functions.main.tsx: The entry point of the application.
vite.config.ts: Configuration file for Vite.
- Video input form: Allows users to input videos for processing.
- UI components: A set of reusable components for building the user interface.
- FFmpeg integration: Uses FFmpeg for video processing.
This project is designed to provide a user-friendly interface for video input and processing. It leverages the power of FFmpeg for video processing and, when connected to the backend, OpenAI to provide an AI based description or title for the video.