Skip to content

Rakshat28/Flippr

Repository files navigation

Flippr

A seamless, client-side multimedia converter powered by FFmpeg.wasm for fast and free file transformations.


Core Functionality

  • Universal Multimedia Conversion: Effortlessly transforms files across three major categories: Images (JPG, PNG, WebP, SVG, etc.), Video (MP4, MKV, AVI, 3GP, etc.), and Audio (MP3, WAV, FLAC, etc.).
  • Client-Side Processing: Leverages @ffmpeg/ffmpeg to execute heavy-duty media operations directly in the user's browser, ensuring data privacy and reducing server latency.
  • Intelligent Format Mapping: Features a dynamic UI that automatically filters available output formats based on the detected input file type (e.g., offering audio extraction from video files).
  • Bulk Action Support: Designed with a multi-file queue system that allows users to upload, configure, and convert entire batches of media simultaneously.
  • Mobile-Optimized Presets: Includes specific encoding logic for legacy mobile formats, such as 3GP, with pre-configured resolution and bitrate settings.

Technical Architecture

  • Core Engine: Built with Next.js 14 and TypeScript for a robust, type-safe development environment.
  • WASM Integration: Utilizes WebAssembly to run the FFmpeg binary in-browser, enabling native-speed media processing without external software installation.
  • State Management: Implements React hooks and refs (useState, useEffect, useRef) to manage complex conversion lifecycles from upload to download.
  • UI/UX: Crafted with Tailwind CSS and Shadcn UI components, featuring a drag-and-drop interface, real-time conversion progress badges, and accessible theme toggles.

Usage Guide

  1. Upload: Drag and drop your images, videos, or audio files into the designated dropzone.
  2. Configure: For each file, select the desired target format from the "Convert to" dropdown menu.
  3. Process: Click "Convert Now" to trigger the local FFmpeg pipeline; observe the status badges for real-time updates.
  4. Download: Once converted, download files individually or use the "Download All" feature to save your processed media.

About

Flippr is a high-performance, browser-based multimedia transformation engine that utilizes FFmpeg and WebAssembly to provide unlimited file conversions for images, audio, and video without the need for server-side processing.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages