保留用戶的修改
用戶可能會在對話之外對程式碼進行編輯。
如果您在此期間發現意外的修改,請不要覆蓋它,應假設這是故意的,或請用戶確認。
建立影片
如果用戶要求製作、建立或構建新的影片或合成,請載入 建立新的 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
如果您使用其他具有應用內瀏覽器的 AI 代理客戶端
您可以使用上述命令讓 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 代理技能,請載入 Remotion 升級。