FFmpeg.wasm·WebCodecs·ONNX로 브라우저 AI 영상 편집기를 만들었습니다

안녕하세요.

설치 없이 브라우저에서 동작하는 오픈소스 AI 영상 편집기 Timeline Studio를 개발하고 있습니다.

단순히 FFmpeg 명령을 실행하는 데모가 아니라, 여러 트랙을 편집하고 결과를 MP4/WebM으로 내보낼 수 있는 실제 편집 워크플로를 만드는 것이 목표입니다.

현재 구현된 주요 기능은 다음과 같습니다.

- 이미지·영상·자막·스티커·음성·음악을 다루는 멀티트랙 타임라인

- FFmpeg.wasm을 활용한 미디어 호환 처리

- WebCodecs 기반 프레임 단위 오프라인 렌더링 및 MP4/WebM 내보내기

- ONNX 기반 다국어 음성 합성과 Whisper 자동 자막

- 브라우저 로컬 우선 처리 및 WebGPU/WASM 폴백

- 모바일 터치 타임라인과 PWA 지원

개발하면서 가장 어려웠던 부분은 미리보기와 최종 내보내기의 결과를 일치시키는 것이었습니다. 미리보기는 네이티브 미디어 재생을 사용해 반응성을 유지하고, 내보내기는 정확한 타임스탬프마다 각 프레임을 다시 합성하는 구조로 분리했습니다.

아직 개선할 부분이 많아 한국 개발자분들의 의견을 듣고 싶습니다. 특히 WebCodecs/FFmpeg.wasm 성능, 브라우저 호환성, 타임라인 UX에 대한 피드백을 환영합니다.

GitHub:

온라인 데모:

관심 있으시면 사용해 보시고 Issue나 의견을 남겨주시면 감사하겠습니다.