Remotion 비주얼 & 미디어

Remotion의 시각·청각 콘텐츠를 다루는 모든 영역을 한 곳에 모았다. 레이어·도형·이미지 같은 비주얼, 비디오·오디오 미디어, 자막·트랜지션 같은 후가공, 데이터로 영상个性化하는 파라미터 패턴까지 다룬다.

---

📚 Remotion 비주얼 & 미디어 가이드

#	페이지	영문	핵심 내용
1	Remotion Adding Video	Adding video	<Video>, 시퀀스, 변환/자르기
2	Remotion Adding Audio	Adding audio	<Audio>, 볼륨/속도/뮤트, 시각화
3	Remotion Designing Visuals (Layers)	Designing visuals	<AbsoluteFill>, 도형, 이미지, 3D
4	Remotion Captions	Captions	Whisper 트랜스크립션, SRT, TikTok 스타일
5	Remotion Transitions	Transitions	트랜지션 시리즈, 프리셋
6	Remotion Parameterized Videos	Parameterized videos	inputProps, calculateMetadata

---

🎯 상황별 가이드

목표	먼저 볼 페이지
영상 클립을 넣고 부분 자르기	Remotion Adding Video
배경음악·내레이션 다루기	Remotion Adding Audio
카드뉴스·차트·그래픽 레이어링	Remotion Designing Visuals
자동 자막 / TikTok 스타일 자막	Remotion Captions
씬 전환·장면 페이드	Remotion Transitions
JSON 데이터로 영상个性化	Remotion Parameterized Videos

---

⚡ 빠른 시작 (비디오 + 오디오 합성)

import { AbsoluteFill, Video, Audio, staticFile } from "remotion";

export const MyComp = () => {
  return (
    <AbsoluteFill>
      <Video src={staticFile("bg.mp4")} />
      <Audio src={staticFile("bgm.mp3")} volume={0.6} />
    </AbsoluteFill>
  );
};

---

📚 영역 구분

• 이전 hub: Remotion 시작하기 → 이전 hub
• 렌더링으로 내보내기: Remotion 렌더링 → 다음 hub
• 자동 자막·AI 트랜스크립션: Remotion Captions + Remotion AI

상위 문서: ← Remotion (루트) 출처: Remotion 공식 문서 — Designing visuals / Videos / Audio / Captions / Transitions / Parameterized 한글화 (2026-07-29) 공급사: Remotion AG

변경 이력

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