<- Back to projects
React
Node.js
Express
FFmpeg
Tailwind CSS
Multer
#Media Conversion Features
- πΌοΈ Multi-format Image Support - Convert between JPG, PNG, WebP, BMP, HEIC formats
- π¬ Multi-format Video Support - Convert between MP4, WebM, AVI, MOV, MKV, and GIF
- π Quality Control - Adjustable quality settings (1-100%) for optimal file size/quality balance
- π Resolution Scaling - Custom width and height options for resizing
- π₯ Video Settings - Bitrate and framerate control for video conversions
- β‘ Speed Mode - Choose between Fast Mode (quick encoding) or High Quality mode
- π‘ Smart Format Recommendations - Auto-suggests best output format based on input file
#Batch Processing & Queue System
- π Multi-file Upload - Upload and convert multiple files at once (up to 20 files)
- π Smart Queue System - Processes 2 files in parallel to prevent CPU overload
- π Queue Status Display - See waiting, processing, completed, and failed jobs
- π― Individual Job Control - Cancel specific files or all conversions at once
- β‘ Auto-progression - Next file starts automatically when one completes
- πΎ Individual Downloads - Download files individually or all at once
- π Reconvert Feature - Convert same files to different formats without re-uploading
#Performance Optimizations
- β‘ Stream Copy - Skip re-encoding when format is compatible (10x-50x faster)
- π§ Multi-threading - Uses all available CPU cores for faster processing
- π Fast Presets - Optimized FFmpeg presets for speed vs quality balance
- π Progress Tracking - Real-time progress for each file in the queue
#User Experience
- π±οΈ Drag & Drop Upload - Intuitive file upload interface
- ποΈ Live Preview - Thumbnail previews for uploaded images and videos
- βΆοΈ Video Preview - Play converted videos directly in the browser
- π Real-time Progress - Visual progress bars with status messages
- π Dark Mode - Beautiful dark theme with smooth transitions
- π± Responsive Design - Works seamlessly on desktop, tablet, and mobile
#Tech Stack
Frontend
- React 18 - UI Framework
- Tailwind CSS 3 - Styling & Dark Mode
- Lucide React - Beautiful Icons
- Context API - State Management
Backend
- Node.js - Runtime Environment
- Express.js - Web Framework
- FFmpeg - Media Processing Engine
- Multer - File Upload Handling
- fs-extra - File System Operations
#Supported Formats
Images
- JPEG/JPG - Best for photos
- PNG - Lossless, transparency
- WebP - Modern, efficient
- BMP - Uncompressed
- HEIC - iOS photos input
Videos
- MP4 - Universal compatibility
- WebM - Web optimized
- AVI - Legacy support
- MOV - Apple format
- MKV - Container format
- GIF - Animated images
#API Endpoints
POST /api/convert-queue - Add file to conversion queue
GET /api/queue-status - Get current queue status
POST /api/cancel-job/:jobId - Cancel specific job
POST /api/cancel-all - Cancel all conversions
GET /api/download/:filename - Download converted file
GET /api/preview/:filename - Preview converted file
POST /api/video-info - Get video metadata
#Security & Privacy
- ποΈ Auto Cleanup - Temporary files are automatically deleted after download
- π No Data Storage - Files are processed and removed - your media stays private
- π‘οΈ Secure Processing - All conversions happen server-side with FFmpeg
- β
Graceful Cancellation - Cancel conversions cleanly without leaving orphan files