In-browser video compressor for Elementor devs
Full disclosure: I built this and I'm sharing it here because I think it's genuinely useful for this community, not to drive signups (it's free, no account).
The problem: every Elementor project involves at least one conversation about hero video file size. Client sends a 150MB MP4. You need it under 10MB. The ffmpeg command exists but half the team isn't set up to run it, and it's friction every single time.
So I built ffpress.designsuite.ai — a browser-based video compressor using FFmpeg WASM. Everything runs client-side. Nothing is uploaded anywhere. You drop a file in, set your quality, download the compressed output.
A few things I learned building it:
SharedArrayBuffer (required for FFmpeg WASM multithreading) needs specific HTTP headers — COOP and COEP — both set to specific values. Netlify's default headers don't include these. Took longer than I expected to debug.
Self-hosting the vendor files was the right call. The unpkg CDN versions caused CORS issues in certain environments.
The default CRF I landed on is 28 — aggressive but visually acceptable for muted autoplay. If you're compressing something that needs to look sharp, 23 is the safer default.
Would be curious what file sizes you're typically working with and whether the output quality holds up for your use cases.