Remotion이란?

Remotion은 React로 영상을 만드는 프레임워크입니다. 영상의 한 프레임 한 프레임을 React 컴포넌트로 그립니다. 자막이 언제 뜨고 도형이 어떻게 움직일지를 전부 코드로 정합니다.

핵심은 “데이터를 넣으면 영상이 나온다”는 점입니다. 템플릿을 한 번 만들어두면 숫자나 텍스트만 바꿔서 같은 영상을 수십 개 찍어낼 수 있습니다. 그래서 인포그래픽이나 차트, 자막처럼 형식이 반복되는 영상에 강합니다.

다만 렌더링은 브라우저(헤드리스 크롬)로 합니다. 손으로 키프레임을 하나하나 찍는 편집 툴과는 접근이 완전히 다릅니다.

저는 유튜브 영상에 들어가는 시각자료를 Remotion으로 찍어냅니다. 대본에 마커를 찍어두면 거기에 맞는 인포그래픽이 코드로 렌더링됩니다. 손으로 하나하나 만들 때보다 확실히 빠릅니다.

다만 코드로 뽑은 영상은 사람이 편집한 것과 다릅니다. 우선 효과음이 거의 없습니다. 배경음악도 깔리지 않습니다. 화면 전환이나 강조처럼 시선을 끄는 장치도 약합니다. 정보 전달은 되지만 밋밋하다는 뜻입니다.

적중률도 낮습니다. 30개를 뽑으면 쓸 만한 건 5개에서 10개 정도입니다. 나머지는 버립니다. 통째로 영 아니게 나오면 그땐 지시를 더 붙여서 다시 돌립니다.

그런데 제 목적은 결국 빠르게 쳐내는 겁니다. 한 장면에 오래 매달리면 의미가 없습니다. 그래서 요즘은 Remotion을 점점 덜 씁니다. 꼭 필요한 곳에만 최소한으로 넣고 있어요.