remotion-dev/remotion

에이전트 시대를 위한 비디오 도구들.

비디오 제작

• 에이전트 영상 제작: 코딩 에이전트를 사용해 아이디어를 영상으로 바꾸세요.
• 인터랙티브 영상 만들기: 드래그 앤 드롭으로 편집 및 애니메이션 작업.
• 프로그램 기반 영상 만들기: 데이터에 연결하고, 코드로 복잡성을 관리하세요.

React 코드가 진실의 근원입니다. 언제든지 워크플로우를 전환하세요.

비디오 자동화

• 시스템 설계: 조직을 위한 애니메이션 자산 라이브러리를 만드세요.
• 배치 렌더링: 자체 인프라에서 수백만 개의 비디오를 렌더링하세요.
• 애플리케이션: 간단한 도구 또는 복잡한 비디오 편집기를 게시합니다.

시작해

이미 Node.JS 설치되어 있다면,

시작하려면 말이죠. 그렇지 않다면, 문서에 있는 설치 페이지를 읽으세요.

디스커버 리모션

『Remotion』은 1000페이지가 넘는 분량으로 광범위하게 기록되어 있습니다.

• 시작하기
• 설치
• 에이전트 스킬
• 프롬프트
• 템플릿
• 구성 요소
• 원소
• 효과
• 도형
• 전이
• 음향 효과
• 자막
• 폰트
• 렌더링
• Node.js API
• 람다
• 베르셀
• 클라이언트 측 렌더링
• 옵션 비교
• 앱 만들기
• 선수
• 에디터 스타터
• 미디어버니
• 커뮤니티
• 디스코드
• 전문가들

• Make videos agentically: Turn your idea into a video using your agent.
• Make videos interactively: Edit and animate like in a regular video editor.
• Make videos programmatically: Leverage web technology and own your video as code.

Video Automation

• Design systems: Create a library of animated assets for your organization.
• Batch rendering: Render millions of videos on your own infrastructure.
• Applications: Publish a simple tool or a complex video editor.

Get started

If you already have Node.JS installed, type

npx create-video@latest

to get started. Otherwise, read the installation page in the documentation.

Discover Remotion

Remotion is extensively documented over 1,200 pages.

• Get Started
  • Installation
  • Your first video
  • Agent Skills
  • Templates
• Making videos
  • Elements
  • Effects
  • Transitions
  • Sound Effects
  • Captions
  • Fonts
  • Color correction
  • Shapes
• Rendering
  • Node.js APIs
  • Lambda
  • Vercel