Multi-Format Media Converter

A comprehensive, browser-based media conversion tool supporting multiple file formats including images, documents, audio, and video files. All conversions are performed locally in your browser, ensuring complete privacy and data security.

🌟 Features

Image Conversion

• Supported Formats: PNG, JPEG, JPG, WEBP
• Canvas-based Processing: High-quality client-side conversion
• File Validation: Type checking and 5MB size limit
• Instant Download: No server processing delays

Document Conversion

• Supported Formats: DOCX, PDF, TXT, XLSX
• Advanced PDF Processing: Text extraction with PDF.js
• Memory Optimized: Dynamic processing limits based on file size
• Smart Text Handling: Proper formatting and character encoding

Audio Conversion

• Supported Formats: MP3, WAV, OGG, AAC, M4A, FLAC
• FFmpeg Integration: Professional-grade audio processing
• Quality Control: Configurable bitrate and encoding settings
• Progress Tracking: Real-time conversion progress with time estimates

Video Conversion

• Supported Formats: MP4, WebM, AVI, MOV, MKV
• Quality Presets: High, Medium, and Low quality options
• Memory Management: Dynamic file size limits to prevent browser crashes
• Fallback Processing: Automatic retry with simpler encoding if initial conversion fails

Universal Features

• Privacy-First: All processing happens locally in your browser
• No Upload Required: Files never leave your device
• Responsive Design: Optimized for desktop, tablet, and mobile devices
• Modern UI: Built with Skeleton UI components and Tailwind CSS
• Error Handling: Comprehensive error messages with actionable solutions

🚀 Live Demo

Experience the converter in action: Multi-Format Media Converter

📸 Screenshots

🛠️ Technology Stack

• Framework: Svelte with TypeScript
• UI Components: Skeleton UI
• Styling: Tailwind CSS
• Media Processing:
  • FFmpeg.wasm for audio/video conversion
  • PDF.js for PDF text extraction
  • Mammoth.js for DOCX processing
  • SheetJS for spreadsheet handling
• Deployment: Vercel

🏃‍♂️ Quick Start

Prerequisites

• Node.js 18+
• npm, yarn, or pnpm

Installation

# Clone the repository
git clone https://github.com/yourusername/multi-format-media-converter.git
cd multi-format-media-converter

# Install dependencies
npm install

# Start development server
npm run dev

The application will be available at http://localhost:5173

Build for Production

# Create optimized production build
npm run build

# Preview production build locally
npm run preview

📁 Project Structure

src/
├── lib/
│   └── components/
│       ├── MediaButton.svelte      # Navigation header component
│       └── SideBar.svelte          # Navigation sidebar
├── routes/
│   ├── +page.svelte               # Image converter (home page)
│   ├── Audio/
│   │   └── +page.svelte           # Audio converter
│   ├── Video/
│   │   └── +page.svelte           # Video converter
│   └── Docs/
│       └── +page.svelte           # Document converter
├── utils.ts                       # Utility functions
└── app.html                       # HTML template

🔧 Configuration

File Size Limits

The application enforces the following size limits to ensure optimal performance:

• Images: 5MB
• Documents: 10-50MB (varies by type)
• Audio: 100MB
• Video: 200MB (reduced for browser memory constraints)

Supported Conversions

🔒 Privacy & Security

• Local Processing: All file conversions happen in your browser
• No Data Collection: Files are never uploaded to external servers
• Memory Management: Automatic cleanup prevents memory leaks
• Secure Libraries: PDF.js configured with security restrictions

🐛 Troubleshooting

Common Issues

"Conversion produced empty output file"

• Try using MP4 format for video conversions (best compatibility)
• Use "Low Quality" setting for large video files
• Ensure input file is not corrupted

"Memory access out of bounds"

• Reduce file size or use lower quality settings
• Try refreshing the page to clear browser memory
• Use MP4 format which is most memory-efficient

"Failed to load processing library"

• Check your internet connection
• Disable ad blockers temporarily
• Try refreshing the page

Performance Tips

• Use lower quality settings for large files
• Convert files one at a time for best performance
• Close other browser tabs to free up memory
• Use MP4/JPEG formats for best compatibility

🤝 Contributing

We welcome contributions! Here's how you can help:

1. Fork the repository
2. Create a feature branch: git checkout -b feature/your-feature-name
3. Make your changes and test thoroughly
4. Commit your changes: git commit -m 'Add some feature'
5. Push to the branch: git push origin feature/your-feature-name
6. Open a Pull Request

Development Guidelines

• Follow TypeScript best practices
• Add error handling for new features
• Test with various file formats and sizes
• Update documentation for new functionality
• Ensure mobile responsiveness

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.

🙏 Acknowledgments

• FFmpeg team for the incredible media processing capabilities
• Mozilla PDF.js for PDF processing
• Skeleton UI for beautiful Svelte components
• Vercel for seamless deployment platform

📞 Support

If you encounter any issues or have questions:

1. Check the Troubleshooting section
2. Search existing GitHub Issues
3. Create a new issue with detailed information about your problem