StorageBase64 is a high-frequency media transcoder designed to bridge the gap between high-performance local video encoding and lightweight web-based storage. By utilizing local FFmpeg power alongside browser-based Base64 stringification, this tool allows you to store and share media as compressed text fragments.
- FFmpeg Command Lab: Real-time generation of terminal commands for local AV1 and HEVC conversion.
- WebP Core Engine: Automated browser-side optimization for images to ensure the smallest string footprint.
- Neo-Anime UI: A vibrant, cyberpunk-inspired interface with neon cyan and purple accents.
- Instant Reconstruction: A decoder engine that instantly renders Base64 strings back into playable media.
- Live Metrics: Real-time comparison between binary file size and the resulting string size.
- Zero Server Lag: All processing is done client-side or on your local machine for maximum privacy.
| Layer | Technology |
|---|---|
| Styling | Tailwind CSS (JIT) |
| Core Logic | JavaScript (ES6+), FileReader API |
| Encoding | Base64 URI Scheme, Canvas API |
| Local Ops | FFmpeg (AV1 & libx265 Codecs) |
StorageBase64/
├── storage_base64.html (Single-File Application)
├── README.md (Project Documentation)
└── Assets/ (User-generated media strings)
-
Local Pre-Processing: Use the "FFmpeg Command Lab" in the UI to generate a command. Run it in your laptop's terminal to convert your video to AV1 or HEVC.
-
Encode: Drag the compressed file into the Input Interface. The tool will generate a Base64 string instantly.
-
Store: Click Copy Fragment to save your media as a text string.
-
Decode: Paste any valid StorageBase64 string into the Decoder Core to reconstruct and play the media.
The system utilizes a hybrid logic for maximum efficiency:
🔵 Videos: Best pre-compressed via FFmpeg using libaom-av1 at crf 30.
🟣 Images: Auto-optimized to WebP at 80% quality during the stringification process.
🟢 Binary to String: Standardizing the output for use in JSON, Databases, or TXT storage.
Meet Potdar Full-Stack Developer
Built with ❤️ for high-efficiency media operations