remotion-dev/remotion

Remotion은 React를 사용하여 프로그래밍 방식으로 비디오를 제작하기 위한 프레임워크입니다.

왜 React로 비디오를 만드나요?

• 웹 기술 활용: CSS, Canvas, SVG, WebGL 등을 모두 사용할 수 있습니다.
• 프로그래밍 활용: 변수, 함수, API, 수학 및 알고리즘을 사용하여 새로운 효과를 만들 수 있습니다.
• React 활용: 재사용 가능한 컴포넌트, 강력한 합성, 빠른 새로고침, 패키지 생태계를 활용할 수 있습니다.

Remotion으로 제작된 예시

<table> <tr> <td align="center"> <img style="width: 290px" src="https://pub-646d808d9cb240cea53bedc76dd3cd0c.r2.dev/fireship-quick.gif" /> <p>"이 비디오는 코드로 만들어졌습니다" <em>- Fireship</em> <a href="https://youtu.be/deg8bOoziaE">시청</a> • <a href="https://github.com/wcandillon/remotion-fireship">소스</a></p> </td> <td align="center"> <img style="width: 240px" src="https://pub-646d808d9cb240cea53bedc76dd3cd0c.r2.dev/unwrapped-2023.gif" /> <p>GitHub Unwrapped - 개인화된 연간 리뷰 <a href="https://www.githubunwrapped.com">체험</a> • <a href="https://github.com/remotion-dev/github-unwrapped">소스</a></p> </td> <td align="center"> <em><a href="https://remotion.dev/showcase">Remotion 쇼케이스</a>에서 더 많은 예시를 확인하세요!</em> </td> </tr> </table>

시작하기

Node.JS가 이미 설치되어 있다면, 다음 명령어를 입력하여 시작하세요:

npx create-video@latest

그렇지 않다면, 문서의 설치 페이지를 읽어보세요.

문서

문서: remotion.dev/docs API 참조: remotion.dev/api

라이선스

Remotion은 특별한 라이선스를 가지며, 경우에 따라 회사 라이선스를 취득해야 할 수 있습니다. 자세한 내용은 LICENSE 페이지를 읽어보세요.

기여하기

이 프로젝트에 기여하는 방법은 CONTRIBUTING.md를 읽어주세요.