📱 Mockoops

介绍动图

在几秒钟内将无聊的屏幕录像转换为生动的动画模拟图，由React驱动。

Mockoops是什么？点击这里👇

Pckd提供了一系列模板。在这里查看最终渲染效果：

Mockoops开箱即用，提供了一系列模板！这些模板具有很强的响应性、可定制性，并针对各种动态图形视频需求进行了多样化设计。以下是其中一些模板：

这个模板非常适合长篇内容，使其更具吸引力（可能也不那么无聊）。这里有一个快速展示：

这个模板非常适合快速预告，开始时通过只显示输入视频的某些部分来营造期待感，然后慢慢揭示整个内容。

这是我用它来展示Pckd的效果：

这个模板适合喜欢低调风格的人。它可以在一个美丽的工作站背景上展示移动的MacBook屏幕上的视频。这也可以用于非屏幕录制的内容！

这个模板适用于短小的公告或揭示。最适合当你只有一个应用程序界面，想要预告即将推出的状态时使用！

它甚至可以用于产品新版本发布等场景。这个模板的可能性是无穷无尽的。

这个模板非常适合在视频前展示一些文字的场景，而无需设置任何复杂的内容。

这里有一个图表解释了所有组件是如何协同工作的：

这就是所有组件如何配合使用的方式

只有设置好所有这些，视频才能渲染为mp4文件。但是，即使没有最后两项，你仍然可以在浏览器中预览视频。

使用Linode或任何其他云提供商设置对象存储桶。
将.env.example文件重命名为.env。
使用npm install安装包。
按照Remotion Lambda安装文档的安装说明进行操作，直到第6步。
从lambda控制台获取密钥ID和密钥后，将这些值和其他值编辑到.env文件中。
使用npx remotion lambda policies validate验证.env设置。只有在所有项目都显示对勾时才继续，否则从第4步重新开始。
在src/deploy/regions.ts文件中编辑你首选的地区。
使用命令npm run deploy部署函数。等待部署完成。