Clip-JS

Next.js, Remotion, FFmpeg 기반 온라인 영상 편집 오픈소스

About

Next.js, Remotion(실시간 미리보기), FFmpeg(웹어셈블리 포트) 기반의 온라인 영상 편집기
브라우저 환경에서 실시간 편집 미리보기와 고품질 1080p 렌더링을 지원
- FFmpeg(WASM)으로 최대 1080p까지 다양한 옵션 렌더링 가능
인터랙티브 타임라인 에디터에서 직접 드래그해 미디어를 정밀하게 배열, 잘라내기·복제·분할 등 레이어별 조작 지원
영상·오디오·이미지·텍스트 등 다양한 미디어/레이어/텍스트 편집
고급 컨트롤: 위치, 투명도, z-index, 볼륨 등 개별 요소 속성 조정
직관적인 키보드 단축키 지원 : space(재생), m(음소거), s(분할), d(복제), del(삭제)
로컬 개발·셀프호스팅 가능
기술 스택
- 프론트엔드: Next.js, React
- 미리보기: Remotion
- 렌더링: FFmpeg (WebAssembly)
- 기타: react-moveable 등 타임라인·레이어 조작