The latest articles on DEV Community by mifada2543 (@mifada2543). https://dev.to/mifada2543 https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F4025341%2F78ff5e40-9f4b-4ac2-872e-ca312ae0cd73.png https://dev.to/mifada2543 en mifada2543 Sat, 11 Jul 2026 15:47:14 +0000 https://dev.to/mifada2543/i-built-an-offline-first-media-hub-with-php-ffmpeg-meel-hub-38m7 https://dev.to/mifada2543/i-built-an-offline-first-media-hub-with-php-ffmpeg-meel-hub-38m7 <p>I want to share a project I've been building over the past few months: <strong>MEeL-HUB</strong> — a self-hosted media platform that works <strong>100% offline</strong>.</p> <h2> What it does </h2> <p>MEeL is a personal media hub that combines:</p> <ul> <li> <strong>Video Streaming</strong> with HLS (adaptive quality, gesture controls, resume playback)</li> <li> <strong>Music Player</strong> with WebAudio visualizer and Spotify-style mini player</li> <li> <strong>Digital Books</strong> (Manga/PDF) with built-in reader</li> <li> <strong>Cloud Drive</strong> with RBAC (20GB/user quota for members)</li> <li> <strong>Arcade Games</strong> (Dino Run, Chess, Snake) for fun</li> </ul> <h2> Why I built this </h2> <p>I wanted a media platform where I actually <strong>own</strong> my content. No subscriptions, no data harvesting, no tracking, no walled gardens. Perfect for privacy-conscious users or areas with unstable internet.</p> <h2> Technical Highlights </h2> <ul> <li> <strong>Offline-first architecture</strong> — no internet required after setup</li> <li> <strong>RAM disk optimization</strong> (<code>/dev/shm</code>) for transcoding — reduces I/O by ~60-70%</li> <li> <strong>Stream-copy HLS</strong> — 8-15x faster than re-encoding</li> <li> <strong>Cross-filesystem move handling</strong> — supports external HDDs</li> <li> <strong>FFmpeg + yt-dlp integration</strong> for URL downloads</li> <li> <strong>Hardware-aware</strong> — tuned for real hardware constraints</li> </ul> <h2> Tech Stack </h2> <ul> <li>PHP 8.0+ / MySQL</li> <li>FFmpeg 6.0+ (HLS segmentation, thumbnails)</li> <li>HLS.js + Plyr.js for streaming</li> <li>HTMX for SPA-like interactions</li> <li>TailwindCSS for dark monospace theme</li> </ul> <h2> Repository </h2> <p>You can check out the full source code here:</p> <p>🔗 <strong><a href="https://github.com/mifada2543/MEeL" rel="noopener noreferrer">https://github.com/mifada2543/MEeL</a></strong></p> <h2> License </h2> <p>GPLv3 — free for personal and commercial use (with open source requirements)</p> <h2> Feedback </h2> <p>Would love to hear your feedback or suggestions! Any contributions are welcome too.</p> <p><em>Built with ❤️ for private media streaming</em></p> php selfhosted opensource mediahub