Leverages React through the Remotion framework to enable web-based video editing, allowing for component-based composition of video elements with React syntax.
Implements the server using TypeScript for type-safe media management, timeline editing, and video transformation operations.
Remotion 영상편집 MCP 서버
Remotion 기반의 웹 영상편집 플랫폼으로, MCP (Model Context Protocol) 서버를 통해 직접적인 편집 기능을 제공합니다.
🎯 주요 기능
1. 미디어 파일 관리
- 파일 업로드: 비디오, 오디오, 이미지 파일 지원
- 메타데이터 추출: 해상도, 지속시간, 파일크기 등 자동 추출
- 썸네일 생성: 비디오 및 이미지 파일의 썸네일 자동 생성
- 파일 형식 지원: MP4, MOV, AVI, MP3, WAV, JPG, PNG 등
2. 타임라인 편집
- 멀티트랙 지원: 비디오, 오디오, 자막 트랙 독립 관리
- 정밀한 시간 조정: 프레임 단위 편집 가능
- 드래그 앤 드롭: 직관적인 미디어 배치
- 실시간 미리보기: 편집 중 즉시 결과 확인
3. 편집 작업
- 트림: 시작/끝점 조정으로 클립 길이 편집
- 분할: 특정 지점에서 클립을 둘로 나누기
- 이동: 타임라인 상에서 클립 위치 이동
- 겹침 해결: 자동으로 충돌하는 클립 정리
- 실행 취소/다시 실행: 모든 편집 작업 되돌리기 가능
4. 레이아웃 및 배치
- 2D 변환: 위치, 크기, 회전, 투명도 조정
- 레이어 관리: 여러 미디어의 층별 배치
- 키프레임 애니메이션: 시간에 따른 속성 변화
- 트랜지션 효과: fadeIn, fadeOut, slide 등
🏗️ 아키텍처
핵심 컴포넌트
1. MediaFileManager (src/utils/mediaUtils.ts
)
2. TimelineManager (src/utils/timelineUtils.ts
)
3. MCPVideoEditingServer (src/api/mcpInterface.ts
)
MCP API 엔드포인트
세션 관리
session.create
: 새 편집 세션 생성session.delete
: 세션 삭제session.list
: 활성 세션 목록
미디어 관리
media.upload
: 파일 업로드media.list
: 미디어 라이브러리 조회media.delete
: 파일 삭제media.get_info
: 파일 정보 조회
타임라인 편집
timeline.create_track
: 새 트랙 생성timeline.add_item
: 미디어를 트랙에 추가timeline.move_item
: 클립 이동timeline.trim_item
: 클립 트림timeline.split_item
: 클립 분할timeline.get_state
: 현재 타임라인 상태
편집 작업
edit.undo
: 실행 취소edit.redo
: 다시 실행render.export
: 비디오 내보내기
🚀 시작하기
설치
개발 서버 실행
빌드
💻 사용 예시
기본 편집 워크플로우
고급 편집 기능
🎨 컴포넌트 구조
MyComposition
메인 비디오 컴포지션으로, 모든 미디어 요소들을 렌더링합니다.
EditorDemo
편집 인터페이스 데모 컴포넌트입니다.
📁 프로젝트 구조
🙏 Acknowledgments
- Remotion - React 기반 비디오 제작 프레임워크
- Model Context Protocol - AI 에이전트 통신 프로토콜
This server cannot be installed
Web-based video editing platform that provides direct editing functionality through a Model Context Protocol server, supporting media file management, timeline editing, and advanced transformation effects.
Related MCP Servers
- -securityFlicense-qualityEnables video editing using natural language commands powered by FFmpeg, supporting operations like trimming, merging, format conversion, and more with real-time progress tracking and error handling.Last updated -17Python
- AsecurityFlicenseAqualityA Node.js server that provides advanced video and image processing capabilities through the Model Context Protocol, enabling operations like conversion, compression, editing, and effects application.Last updated -1013JavaScript
- AsecurityAlicenseAqualityA Model Context Protocol server that provides tools for code modification and generation via Large Language Models, allowing users to create, modify, rewrite, and delete files using structured XML instructions.Last updated -12PythonMIT License
- -security-license-qualityA Model Context Protocol server that enables access to YouTube video content through transcripts, translations, summaries, and subtitle generation in various languages.Last updated -PythonMIT License