Remotion Studio & Player

Remotion을 앱·도구로 만드는 영역. 로컬 개발 환경인 Studio, 임베디드 재생 컴포넌트 Player, 기존 앱 통합(Brownfield), 그리고 Pro 도구인 Editor Starter·Timeline·Recorder까지 다룬다.

---

📚 Remotion Studio & Player 가이드

#	페이지	영문	핵심 내용
1	Remotion Studio	Studio	로컬 개발 환경, UI, 단축키
2	Remotion Player	Player	임베디드 재생 컴포넌트, controls
3	Remotion Building Apps	Building apps	Next.js, brownfield, 기존 앱 통합
4	Remotion Recorder	Recorder	화면 녹화 + Remotion
5	Remotion Editor Starter (Pro)	Editor Starter	화이트라벨 영상 에디터
6	Remotion Timeline (Pro)	Timeline	타임라인 UI 컴포넌트

---

🎯 상황별 가이드

목표	먼저 볼 페이지
로컬에서 인터랙티브 미리보기	Remotion Studio
React 앱에 영상 플레이어 임베드	Remotion Player
Next.js / 기존 앱에 통합	Remotion Building Apps
화면 녹화 → Remotion으로 합성	Remotion Recorder
화이트라벨 영상 에디터 SaaS	Remotion Editor Starter (Pro)
영상 편집 타임라인 UI	Remotion Timeline (Pro)

---

⚡ 빠른 시작 (Player 임베드)

import { Player } from "@remotion/player";
import MyComposition from "./MyComposition";

export const App = () => (
  <Player
    component={MyComposition}
    durationInFrames={300}
    compositionWidth={1920}
    compositionHeight={1080}
    fps={30}
    controls
  />
);

---

📚 영역 구분

• 렌더링 옵션: Remotion 렌더링 → 이전 hub
• AI 통합: Remotion AI & 도구 → 다음 hub
• Pro 도구 가격·라이선스: Remotion 트러블슈팅 & 운영 (License & Pricing)

상위 문서: ← Remotion (루트) 출처: Remotion 공식 문서 — Studio / Player / Building apps / Pro 도구 한글화 (2026-07-29) 공급사: Remotion AG

변경 이력

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