Integrating FFmpeg with React.js via WebAssembly
This guide explores utilizing FFmpeg within a React.js environment, leveraging WebAssembly for browser-based video processing tasks. It provides a step-by-step approach to setting up a React project with FFmpeg.wasm, demonstrating client-side video manipulations such as format co
Link
Related resources
- Streaming Tech Sweden 2025 RecordingsSession recordings from the 2025 Streaming Tech Sweden conference, covering Nordic streaming architecture and client-side encryption talks.
- A Hitchhiker's Guide to Structural SimilarityNetflix-affiliated deep-dive paper on SSIM quality metrics and their application to streaming QoE evaluation.
- Video Encoding to AV1 Guide (WIP)Long-running community-maintained guide to AV1 software encoding (libaom/aomenc) on the Level1Techs forum.
- Building Your Own Scalable Video Streaming Server (Part 1)Code-along tutorial series building a microservices-based video streaming server with FFmpeg HLS segmenting.
- Building a Live Streaming Platform: Twitch's Real-time Video InfrastructureTechnical writeup on Twitch's ABR quality-transition tradeoffs compared to Netflix's approach.
- Building Your First Video Pipeline: FFmpeg & MediaMTX Basics (Part 1)Technical tutorial walking through demux→decode→filter→encode→mux pipeline stages toward building a low-latency streaming setup with FFmpeg…
- Fora Soft: Video Streaming Deep-Dive GuideFree 9-chapter technical guide covering HLS, DASH, WebRTC, CMAF, CDN, and DRM fundamentals.
- Streaming Media 101 (Streaming Learning Center)Jan Ozer's structured course on encoding/deploying H.264/HEVC/VP9/AV1 with FFmpeg/HandBrake labs.
- Introduction to Streaming Media (Streaming Learning Center)Jan Ozer's foundational streaming media course covering encoding, delivery, and packaging basics.
- FFmpeg Encoding and Decoding APIs (DeepWiki technical reference)Generated technical reference explaining FFmpeg's encode/decode API internals, including send/receive decoupling and EAGAIN semantics.
- Live Streaming Architecture: Ingest, Transcoding, and Delivery at ScaleIndependent technical deep dive into segment chunking, manifest generation, ABR client polling logic, and manifest-as-single-point-of-failu…
- FFmpeg for Adaptive Bitrate Production (Udemy)Hands-on course covering H.264/HEVC/VP9 encoding and HLS/DASH packaging using FFmpeg for adaptive bitrate production.
- MDN: Media Source Extensions APIOfficial MDN reference documentation for the Media Source Extensions API (MediaSource, SourceBuffer, SourceBufferList) used to build custom…
- Encoding Bitrate Optimization Using Playback Statistics for HTTP-based Adaptive Video StreamingAcademic paper with industry framing on ABR bitrate ladder optimization using real playback statistics.