VidStudio - 무료 온라인 비디오 크기 조정 및 편집기

Context

기존 브라우저 기반 비디오 에디터는 단일 ffmpeg.wasm 의존 시 메모리 한계와 인코딩 시간 급증으로 인한 런타임 붕괴 문제 발생. 특히 긴 영상 처리 시 Worker FS 기반 메모리 관리의 효율성 저하로 인해 클라우드 파이프라인 전환이 강제되는 제약 존재.

Technical Solution

• WebCodecs, PixiJS, ffmpeg.wasm을 각각 독립적인 역할로 분리한 하이브리드 아키텍처 설계
• 타임라인 스크러빙 성능 최적화를 위해 WebCodecs 디코더를 통한 저지연 프레임 렌더링 구현
• 무거운 인코딩/디코딩 작업은 ffmpeg.wasm이 담당하고, 실시간 프리뷰는 WebCodecs가 처리하는 책임 분리 구조 채택
• LGPL 라이선스 준수를 위해 Application과 ffmpeg.wasm 프로세스를 Isolate 단위로 분리하여 종속성 제거
• 브라우저별 코덱 지원 격차 해결을 위해 WebCodecs 폴백 전략 및 브라우저별 가이드 제공 로직 검토
• 로컬 샌드박스 환경 내 처리 구조를 통해 서버 업로드 없는 완전 Client-side 파이프라인 구축