Skip to main content

介绍 Remotion

· 2 min read
Jonny Burger
独立开发者

我已经使用 After Effects 多年了,但一直以来,我的梦想是用代码制作视频。在 React 生态系统中,我习惯于利用强大的组合性、可重用性,为每个用户定制体验。使用脚本、代码检查工具和外部依赖项让我的编码生活更轻松。

因此,作为一个概念验证,我尝试用 React 为我的 AnySticker 应用1 制作预告片,并使用 Puppeteer 渲染每一帧,再使用 FFMPEG 拼接它们。

最终的结果是我认为是我迄今为止制作的最好的视频。我意识到这个想法是有潜力的。

这是我尝试为社区创建一个工具,允许您在 React 中编写视频。显然,这是一项艰巨的任务,因此这不是一个内置了数百种不同功能的产品。相反,遵循 React 的理念,这是一个尝试创建一个在 React 中渲染视频的最小基础。基本上,您会得到一个空白画布,您可以使用内置在浏览器中的现有 Web 技术和您喜爱的外部库创建您的动态图形。实际上,Remotion 是如此简洁,它仅由您需要学习的 5-6 个 API 组成,就可以开始使用。

开始非常容易。假设您已经安装了 Yarn,运行:

bash
yarn create video
bash
yarn create video

然后阅读 文档在 Twitter 上告诉我 您的想法!

Footnotes

  1. AnySticker beta 预告片