kevinrss01/framedeck
자연어 프롬프트로 영상을 편집하는 AI 비디오 에디터 (무음 제거, 자막 추가, 음성 생성, 렌더링)
53+0이번 주181TypeScript
데모·홈페이지 열기framedeck.ai중간맛 분석
스택: Next.js 16 (프론트) + NestJS 11 () + Rust/Axum (미디어 처리). 난이도: 중상 (모노레포 구조, AI 통합, 실시간 WebSocket 포함). 바로 쓸 수 있나: 네. 단, OpenAI·ElevenLabs·TwelveLabs 키 필수. 노드/PNPM/Rust/FFmpeg 설치 후 .env 설정하고 pnpm dev로 즉시 실행 가능. 데모: 공식 데모 링크는 에 없으나, 업로드→음성 추출→자막 생성→렌더링 파이프라인이 Socket.IO 실시간 이벤트로 시연됨.
이런 레포예요
이럴 때 쓰면 좋아요
- 유튜버·팟캐스터가 영상의 무음 구간 자동 제거 및 자막 생성으로 편집 시간 단축
- 콘텐츠 팀이 여러 영상을 일괄 처리할 때 반복적인 편집 작업 자동화
- 개발자가 AI 기반 미디어 파이프라인을 자체 프로젝트에 내장·커스터마이징하기
핵심 기능
자연어 프롬프트 기반 타임라인 편집 (무음 제거, 자막 추가, 영상 분석)ElevenLabs·TwelveLabs 통합 음성 추출 및 다중언어 자막 생성S3 직접 업로드 및 실시간 Socket.IO 진행도 추적
대안 대비 차별점
복잡한 GUI 대신 대화형 AI 에이전트가 검증된 편집 도구를 자동으로 적용하므로, 기술 기초가 약한 사용자도 전문 수준의 결과물을 빠르게 얻을 수 있습니다.
준비물
- Node.js LTS
- PNPM 10.22.0
- Rust 도구체인과 Cargo
- FFmpeg
- AWS S3 자격증명
- OpenAI 또는 호환 API 키
- ElevenLabs API 키
- TwelveLabs API 키
바로 시작하기
- Node.js LTS, PNPM 10.22.0, Rust 도구체인, FFmpeg, AWS S3 자격증명(업로드/렌더링용), OpenAI·ElevenLabs·TwelveLabs API 키를 준비한다.
pnpm install
-
각 앱의
.env.example을.env로 복사해 API 키와 S3 정보를 입력한다(루트 레벨 통합 env 파일은 없음). -
모든 앱을 한 번에 실행한다.
pnpm dev
-
안정적인 포트리스 URL로 접근한다:
- 프론트:
http://ai-video-editor.localhost:1355 - API:
http://api-ai-video-editor.localhost:1355 - 미디어 프로세서:
http://media-ai-video-editor.localhost:1355
- 프론트:
-
(선택) 직접 포트를 사용하려면 대신 다음을 실행한다.
pnpm dev:direct
별 추이 · 7일
53+0 / 7일
활용성 · 따라 만들기 좋은가
샘플 점수 26/100
- 관대한 라이선스
- 테스트 있음
- 예제 디렉토리
- 최근 활동
- AGENTS.md
- llms.txt
- 템플릿
🟢 최근 활동 있음 · 2026년 생성
AI가 README 기반으로 요약했습니다 · 원문 보기