Revideo 웹앱 & Player

Revideo를 웹앱·SaaS에 통합하는 영역. React <Player> 컴포넌트로 브라우저에서 미리보게 하고, Next.js 기반 SaaS Template으로 화이트라벨 비디오 에디터를 빠르게 시작한다.

---

📚 Revideo 웹앱 & Player 가이드

#	페이지	영문	핵심 내용
1	Revideo Player로 비디오 미리보기	Video Preview with Player	@revideo/player, controls, props
2	Revideo SaaS Template	Revideo SaaS Template	Next.js + 렌더 API + 프론트엔드 통합

---

🎯 상황별 가이드

목표	먼저 볼 페이지
React 앱에 영상 플레이어 임베드	Revideo Player로 비디오 미리보기
화이트라벨 비디오 에디터 SaaS 만들기	Revideo SaaS Template

---

⚡ 빠른 예시 (Player 임베드)

import {Player} from '@revideo/player';
import myProject from './project';

export default function Page() {
  return (
    <Player
      project={myProject}
      controls
      style={{width: 800, height: 450}}
    />
  );
}

<Player>는 단순한 비디오 재생을 넘어, 시점 이동·속도 조절·inputProps 동적 변경까지 브라우저에서 인터랙티브하게 제공한다. SaaS 사용자가 "이 부분 좀 더 천천히"라고 직접 조정하게 만들 수 있다.

---

📚 영역 구분

• 렌더링 트리거/출력: Revideo 렌더링 → 이전 hub
• 성능·에러: Revideo 성능 & 최적화 → 다음 hub
• SaaS 백엔드 (Cloud Run 등): Revideo 렌더링 서비스 배포

상위 문서: ← Revideo 사용 가이드 출처: Revideo 공식 문서 — Building Webapps / Player / SaaS Template 한글화 (2026-07-29) 공급사: Revideo (현 Midrender)

변경 이력

날짜	변경
2026-07-29	초안 작성 — Revideo 웹앱 & Player 2개 영역 한글화
2026-07-29	메타데이터 블록을 본문 하단으로 이동