Remotion做标记动画要用帧驱动

编写 Remotion 视频的动画和特效代码。

remotion-markup 是 Remotion React Markup 的内容、动画和效果参考。你在写 Remotion 组合、文字标记、媒体、裁切、转场或多场景视频时,应让 `useCurrentFrame()` 和 `interpolate()` 驱动画面,而不是依赖浏览器 CSS transition。

动画值尽量直接写在 `style` 中,使用 `Easing.bezier()` 或 `Easing.spring()`;位置、缩放和旋转优先用可编辑的 `scale`、`translate`、`rotate` 属性。媒体放在项目 `public/`,用 `staticFile()` 引用,视频和音频按真实时长设置 `durationInFrames`,需要裁切时用 `from`、`trimBefore` 或 `Sequence`。

文字高亮、地图、字幕、音频、转场和视频嵌入都有独立参考文件,按任务加载即可。它适合 Remotion 实现规范,不是通用 HyperFrames 或普通网页动画指南。

分类:设计创作

来源仓库:remotion-dev/skills

适合用来做什么

  • Remotion 中如何实现最佳的内容动画效果?
  • 你能分享一些关于 Remotion 动画效果的示例吗?

安装 remotion-markup

npx skills add https://www.iskills.cc/skills/remotion-dev/skills/remotion-markup/SKILL.md

在本机终端执行安装命令。安装前请阅读原始说明,确认所需工具、账号和权限。

查看安装步骤 · 查看常见问题

查看 remotion-markup 的用途与原始说明

浏览全部 Skill 指南