작업 방식
Remotion Interactivity는 특정한 제작 문제를 다룹니다. 비디오는 올바르게 렌더링되지만 Studio에서는 레이어를 편집하기 어렵거나 불가능할 수 있습니다. 소스는 인라인 스타일, 이름이 지정된 요소, 지원되는 보간 표현식, 직접 작성한 JSX 노드 등 편집기가 인식할 수 있는 마크업 패턴을 설명합니다.
커스텀 컴포넌트 방식은 interactivity 스키마를 사용해 인스턴스별로 의미 있는 컨트롤을 노출합니다. 자체 타임라인을 가진 컴포넌트는 연결된 컴포지션으로 등록할 수도 있습니다. 이는 소스 코드와 비디오 편집기의 관계에 관한 것이며, 게시된 비디오에 클릭 가능한 버튼을 추가하는 것이 아닙니다.
예상 결과물
- 이름이 지정되어 개별 편집이 가능한 비디오 레이어
- 콘텐츠와 외형 컨트롤이 선언된 커스텀 컴포넌트
- 자체 편집 가능한 타임라인을 가진 연결된 컴포지션
브리프에서 검토까지
- 01편집 단위 파악
따로 변경해야 하는 클립, 장면, 레이어를 나열하세요. 하나의 루프로 모두 만들지 말고 각각 직접 작성한 JSX 노드를 부여하세요.
- 02유용한 컨트롤 노출
의미 있는 텍스트, 색상, 미디어, 숫자 속성에 InteractivitySchema를 추가하고, 주입된 style을 하나의 시각적 루트에 전달하세요.
- 03소스 편집 가능성 유지
지원되는 키프레임과 스타일을 인라인에 두고, 호출자 프레임과 로컬 프레임의 의미를 보존하며, 재사용 가능한 장면은 동일한 export 컴포넌트로 등록하세요.
- 04Studio 편집 테스트
Studio에서 의도한 레이어를 선택하고 이동하고 조정한 뒤, 변경 사항이 예상한 소스 노드에 반영되는지 확인하세요.