Revideo 렌더링

Revideo의 렌더링 파이프라인을 한 곳에 모았다. Motion Canvas와 가장 큰 차별점이 바로 이 영역 — UI 버튼이 아니라 함수 호출로 영상을 만들고, CLI로 로컬에서 돌리고, HTTP API로 서버리스에 배포한다.

---

📚 Revideo 렌더링 가이드

#	페이지	영문	핵심 내용
1	Revideo 비디오 렌더링 개요	Rendering Videos	render() 함수, 프로젝트 번들, ffmpeg 파이프라인
2	Revideo CLI 로컬 개발	Local Development with the CLI	npx revideo serve 로컬 렌더 서버
3	Revideo 렌더링 서비스 배포	Deploy Render Service	Google Cloud Run · Docker · serverless

---

🎯 상황별 가이드

목표	먼저 볼 페이지
npm run render로 mp4 한 개 뽑기	Revideo 비디오 렌더링 개요
로컬에서 HTTP 렌더 엔드포인트 띄우기	Revideo CLI 로컬 개발
서버리스 (Cloud Run)에 자동 렌더 배포	Revideo 렌더링 서비스 배포

---

⚡ 빠른 예시 (서버에서 호출하는 렌더 코드)

// render.ts — 한 번 호출하면 mp4 파일이 나옴
import {render} from '@revideo/renderer';

async function main() {
  const file = await render({
    projectFile: './src/project.ts',
    outFile: 'output.mp4',
  });
  console.log(`Rendered video to ${file}`);
}

main();

또는 HTTP API 모드로:

// serve.ts
import {serve} from '@revideo/renderer';
serve({ port: 4000 });
// → POST /render { project, inputProps } → mp4 binary 응답

---

📚 영역 구분

• 렌더할 영상 만들기: Revideo 애니메이션 & 디자인 → 이전 hub
• 웹앱에 Player 통합: Revideo 웹앱 & Player → 다음 hub
• 자동 배포 (SaaS): Revideo SaaS Template (Revideo 웹앱 & Player children)
• 속도가 느릴 때: Revideo 성능 & 최적화

상위 문서: ← Revideo 사용 가이드 출처: Revideo 공식 문서 — Rendering Videos / Local CLI / Deploy Render Service + Building Webapps 한글화 (2026-07-29) 공급사: Revideo (현 Midrender)

변경 이력

날짜	변경
2026-07-29	초안 작성 — Revideo 렌더링 3개 영역 한글화
2026-07-29	메타데이터 블록을 본문 하단으로 이동