本文转载自微信公众号“TianTianUp”，作者小毅。转载本文请联系天天向上公众号。大家好，我是小艺。分享的内容是：如何使用ReactRemotion制作视频。如果你之前对视频感兴趣，可以参考这篇文章。TextRemotion是最近推出的库，可让您使用React创建视频和动态图形。作为Web开发人员，我发现它非常有趣，因为它为我们自己创建视频和动画打开了新的大门。它的官方网站：https://www.remotion.dev/简介来源：https://www.remotion.dev/正如我提到的，Remotion是最近推出的一个令人兴奋的库，它允许您使用您喜欢的网络技术，如HTML、CSS、JavaScript、TypeScript等来创建视频和动画。此外，您还可以利用您在编程、函数、算法和API方面的所有知识，为视频添加各种效果。作为一个基于React的库，Remotion能够最大限度地发挥Reacts的特性，例如可重用的组件、强大的组合和快速的重新加载。Remotion还附带一个名为RemotionPlayer的播放器，让您感觉像真正的视频编辑器，可以使用浏览器播放和查看您的视频。如何设置Remotion？创建一个新的Remotion项目非常简单。但是您应该首先安装两个依赖项。第一步：安装NodeJS和FFMPEG因为安装NodeJS很常见，所以我会重点安装FFMPEG。首先，您需要从他们的下载页面下载合适版本的FFMPEG。FFMPEG下载页面。然后将其解压缩到您选择的文件夹中，并在具有管理员权限的CMD中运行以下命令（在Windows中）以更新您的PATH变量。setx/MPATH"path\to\ffmpeg\bin;%PATH%"Step2:启动新工程安装完以上依赖后，只需要一条命令就可以初始化一个新的Remotion视频，可以使用yarn或者npm来实现它。yarncreatevideoornpminitvideo你已经成功初始化了你的第一个Remotion项目，你可以使用npmrunstart启动项目。默认Remotion项目的基础知识Remotion现在您已经启动了Remotion项目，您可以开始创建视频了。不过我觉得在此之前，如果对Remotion的基础知识有一定的了解就更好了。VideoPropertiesWidth、height、durationInFrames、fps是Remotion提供的视频属性。您可以在组件中使用这些属性来配置组件的像素大小、组件应播放的帧数以及每秒的帧数。从“remotion”导入{useVideoConfig}；exportconstExampleVideo=()=>{const{fps,durationInFrames,width,height}=useVideoConfig();return(
