JavaScript 한계 돌파: FFmpeg WASM으로 브라우저 내 4K 비디오 인코딩 구현하기
메인 스레드가 멈췄습니다. 사용자가 4K 영상을 업로드하자마자 브라우저 탭이 '응답 없음' 상태로 빠졌고, 크롬 작업 관리자의 메모리 사용량은 2GB를 넘어섰습니다. 단순한 Canvas API 와 JavaScript 루프만으로는 고해상도 프레임 단위 조작이 불가능했습니다. 서버 리소스를 아끼기 위해 클라이언트 사이드 프로세싱 을 도입하려…
Bypassing Server Costs: Client-Side Video Encoding with FFmpeg WASM & Rust
Running video transcoding on AWS Lambda or EC2 instances is a financial black hole. When we scaled our media uploader, the server bills for simple format conversions (MOV to MP4) skyrocketed. The s…
JSのCanvas操作でフリーズする問題をRustとWebAssemblyで解決した話 (FFmpeg WASM導入)
ユーザーがアップロードした4K動画のサムネイル生成やトランスコードをJavaScriptの Canvas APIのみで行おうとすると、メインスレッドがブロックされ、UIが数秒間完全にフリーズする現象に直面しました。サーバーサイドでの処理はAWS Lambdaのコストを肥大化させるため、ブラウザ内での完結が必須要件でした。この記事では、 WebAssembly とRustを用いて、このボトルネ…
Adiós Servidores: Transcodificación de Video en el Navegador con FFmpeg y Rust (WebAssembly)
Subir un video de 500MB a un servidor solo para recortar 10 segundos es un desperdicio de ancho de banda y costos de computación en la nube (AWS Lambda se dispara rápido). La latencia mata la exper…