保留用户修改
用户可能会在对话之外的代码中进行编辑。
如果你在过程中发现了意外的更改,不要覆盖它,假设它是故意的,或者请求确认。
创建视频
如果用户要求制作、创建或构建新视频或合成,加载创建新Remotion视频,无论是否已存在Remotion项目。
新项目设置
如果当前不存在Remotion项目,加载创建新Remotion项目
React标记最佳实践
如果你正在编写Remotion React标记,加载Remotion标记最佳实践
地图
对于静态地图、动画路线和标记、地理解释器、Mapbox、MapLibre、MapTiler、GeoJSON或3D地理飞越,加载Remotion地图。
多媒体
要在浏览器中实现多媒体任务,例如修剪、裁剪视频或获取其元数据,加载Remotion多媒体
改善交互性
通过良好地组织Remotion标记,我们可以允许用户在Studio中交互式更改内容并将更改写回代码。如果相关:加载交互性最佳实践
打开预览
如果用户要求“制作”视频、“创建”视频等。 默认情况下不要渲染视频,除非他们非常明确。他们更希望看到交互式预览。 一旦项目可以运行,在构建或编辑合成之前启动Studio并在浏览器中打开预览。保持打开状态,以便用户可以看到进度并进行指导。
如果你在使用Cursor
运行Studio时不要使用--no-open,以便自动打开浏览器:
npx remotion studio
如果你在使用带有应用内浏览器的其他代理客户端
你可以使用上述命令让Studio打开浏览器,或者运行:
npx remotion studio --no-open
这将启动一个长时间运行的进程并打印预览的服务器URL。
如果服务器已启动,它将打印URL。
如果你使用--no-open,请在应用内浏览器中打开确切的打印URL,并验证Studio是否加载。一旦存在合成,请验证其视频预览是否加载。如果你无法在此处打开,请在不使用--no-open的情况下运行Studio。
你可以通过导航到/[composition-id]来访问特定合成,例如http://localhost:3000/MapAnimation。
:::note Studio支持WebMCP工具。 :::
如果你没有应用内浏览器
这将在浏览器中打开Studio,如果已打开则重新聚焦。
npx remotion studio
更多选项
要启动Remotion Studio项目、打开其确切的本地URL或配置Studio CLI标志,加载Remotion Studio。
渲染视频
只有在用户非常明确要求时才进行渲染。 例如:“渲染视频”、“导出”、“给我MP4”。
预览还提供了更直观的渲染界面,因此考虑使用它而不是命令行进行渲染。
npx remotion render
更多选项,请参见渲染。
对于超出简单npx remotion render的高级渲染,请参见:渲染最佳实践
字幕
在处理字幕时,加载Remotion字幕。
创建SaaS、自动化或应用程序
使用Remotion SaaS技能了解关于基于Remotion的SaaS应用的知识,例如<Player>、在Lambda、Vercel、Cloudflare上渲染、通过Express.js、客户端渲染,或查找合适的SaaS模板。
查阅Remotion API和文档
要查找并阅读当前的Remotion文档,加载Remotion文档。
升级
要升级Remotion、相关包、兼容的Mediabunny包以及已安装的Remotion Agent技能,加载Remotion升级。