工作方法
Remotion Markup 专注于合成创作:根据合成帧率安排时间,由当前帧驱动动画,并让媒体元素参与视频时间线。来源明确警告,普通的 CSS 转场和动画类无法替代帧驱动渲染。
它也是更专业工作的参考中心,内容涵盖字幕、地图、文本测量、效果和音频等。其具体价值在于基础规范:让时间设置靠近所创作的元素,保留可独立编辑的目标,并使用合适的媒体或效果组件,而不是将每个视觉元素都当作任意的 DOM 包装器。
预期交付物
- 帧驱动的 React 合成标记
- 具有明确时间安排和素材引用的媒体图层
- 使用受支持的效果和编辑结构、可供预览的场景
从任务说明到审查
- 01读取合成设置
使用现有帧率进行秒数到帧数的换算,并保留预期的时长和尺寸。
- 02创作定时图层
将可独立编辑的媒体和场景放在不同的 JSX 节点上,并直接在支持时间设置的组件上进行设置。经审查的来源还要求在受支持的定时组件(包括嵌套项)上通过 premountFor={fps} 预挂载一秒;应用前请检查已安装的 API。
- 03添加动态效果与特效
使用基于当前帧的插值驱动动态效果。通过相应的参考资料和兼容组件实现专门效果。
- 04检查视频帧
检查 Studio 播放效果和有代表性的渲染帧,确认文本是否溢出、媒体是否就绪以及时间安排是否正确。