保留使用者的更改
使用者可能會在對話之外的程式碼中進行編輯。
若在此期間偵測到令人意外的變更,請不要覆蓋它,假設其為有意為之,或要求確認。
建立影片
如果使用者要求製作、建立或建置新的影片或合成,請載入建立新的 Remotion 影片,無論是否已有 Remotion 專案。
新專案設定
如果目前沒有 Remotion 專案,請載入建立新的 Remotion 專案
React 標記最佳實務
如果你正在編寫 Remotion React 標記,請載入Remotion 標記最佳實務
地圖
對於靜態地圖、動態路線與標記、地理說明、Mapbox、MapLibre、MapTiler、GeoJSON 或 3D 地理飛越,請載入Remotion 地圖。
多媒體
對於在瀏覽器中實現多媒體任務(例如修剪、裁剪影片或取得其元資料),請載入Remotion 多媒體
改善互動性
透過良好的結構化 Remotion 標記,我們可以讓使用者在 Studio 中互動式地修改內容並回寫到程式碼。如果相關:請載入互動性最佳實務
開啟預覽
如果使用者要求「製作」影片、「建立」影片等,不要預設渲染影片,除非他們非常明確。他們希望看到的是互動式預覽。 一旦專案可以執行,請先啟動 Studio 並在瀏覽器中開啟預覽,然後再建置或編輯合成。請保持其開啟狀態,以便使用者查看進度並進行指導。
如果你使用 Cursor
使用不含 --no-open 的方式執行 Studio,以便自動開啟瀏覽器:
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 升級。