// 使用 React 组件定义视频场景
import { useCurrentFrame, interpolate } from 'remotion';
export const MyVideo = () => {
const frame = useCurrentFrame();
const opacity = interpolate(
frame, [0, 30], [0, 1]
);
return (
<div style={{ opacity }}>
Hello, Remotion!
</div>
);
};
结合 Web 技术的表现力、编程的灵活性和 React 生态的强大能力。
使用所有你熟悉的 CSS、Canvas、SVG、WebGL 等 Web 技术来构建视觉效果,无需学习专有工具。
使用变量、函数、API、数学和算法来创建传统视频编辑器无法实现的全新效果。
可重用组件、强大的组合模式、快速刷新和丰富的 NPM 包生态系统,让视频制作如虎添翼。
从个人项目到知名科技频道,开发者正在用 Remotion 制作令人惊叹的视频。
确保已安装 Node.js,然后在终端中输入以下命令即可创建你的第一个 Remotion 项目。
npx create-video@latest