Benutzeränderungen bewahren
Benutzer können außerhalb des Gesprächs Änderungen am Code vornehmen.
Wenn Sie eine überraschende Änderung erkennen, die in der Zwischenzeit vorgenommen wurde, überschreiben Sie sie nicht. Gehen Sie davon aus, dass sie beabsichtigt ist, oder fragen Sie nach einer Bestätigung.
Ein Video erstellen
Wenn der Benutzer darum bittet, ein neues Video oder eine neue Komposition zu erstellen, zu machen oder zu bauen, laden Sie Ein neues Remotion-Video erstellen – unabhängig davon, ob bereits ein Remotion-Projekt existiert.
Neues Projekt einrichten
Wenn derzeit kein Remotion-Projekt existiert, laden Sie Ein neues Remotion-Projekt erstellen
Best Practices für React-Markup
Wenn Sie Remotion React-Markup schreiben, laden Sie Best Practices für Remotion-Markup
Karten
Für statische Karten, animierte Routen und Marker, geografische Erklärungen, Mapbox, MapLibre, MapTiler, GeoJSON oder 3D-geografische Überflüge laden Sie Remotion Maps.
Multimedia
Für Multimedia-Aufgaben im Browser wie das Trimmen, Zuschneiden von Videos oder das Abrufen von Metadaten laden Sie Remotion Multimedia
Interaktivität verbessern
Durch eine gute Strukturierung des Remotion-Markups können Benutzer Dinge im Studio interaktiv ändern und zurück in den Code schreiben. Falls relevant: Best Practices für Interaktivität
Die Vorschau öffnen
Wenn der Benutzer darum bittet, ein Video zu „machen“, „erstellen“ usw. Rendern Sie das Video standardmäßig nicht, es sei denn, der Benutzer ist sehr explizit. Er möchte stattdessen eine interaktive Vorschau sehen. Sobald das Projekt ausgeführt werden kann, starten Sie Studio und öffnen Sie die Vorschau im Browser, bevor Sie die Komposition erstellen oder bearbeiten. Lassen Sie Studio geöffnet, während Sie arbeiten, damit der Benutzer den Fortschritt verfolgen und steuern kann.
Wenn Sie Cursor verwenden
Führen Sie Studio ohne --no-open aus, damit der Browser automatisch geöffnet wird:
npx remotion studio
Wenn Sie einen anderen Agenten-Client mit einem In-App-Browser verwenden
Sie können den obigen Befehl verwenden, um Studio den Browser öffnen zu lassen, oder führen Sie aus:
npx remotion studio --no-open
Dies startet einen langlebigen Prozess und gibt die Server-URL für die Vorschau aus.
Wenn der Server bereits gestartet ist, wird die URL ausgegeben.
Wenn Sie --no-open verwenden, öffnen Sie die exakt ausgegebene URL im In-App-Browser und vergewissern Sie sich, dass Studio lädt. Sobald eine Komposition existiert, vergewissern Sie sich, dass ihre Video-Vorschau lädt. Wenn Sie sie dort nicht öffnen können, führen Sie Studio ohne --no-open aus.
Sie können eine bestimmte Komposition besuchen, indem Sie zu /[composition-id] navigieren, z. B. http://localhost:3000/MapAnimation.
:::note Das Studio unterstützt WebMCP-Tools. :::
Wenn Sie keinen In-App-Browser haben
Dies öffnet Studio im Browser oder fokussiert es erneut, falls es bereits geöffnet ist.
npx remotion studio
Weitere Optionen
Um ein Projekt im Remotion Studio zu starten, die genaue lokale URL zu öffnen oder Studio-CLI-Flags zu konfigurieren, laden Sie Remotion Studio.
Das Video rendern
Rendern Sie nur, wenn der Benutzer sehr explizit danach fragt. Z. B. „Rendere das Video“, „Exportiere“, „Gib mir das MP4“.
Die Vorschau bietet auch eine intuitivere Rendering-Oberfläche, ziehen Sie diese daher der Befehlszeile vor.
npx remotion render
Weitere Optionen finden Sie unter Rendering.
Für fortgeschrittenes Rendering über einfaches npx remotion render hinaus siehe: Best Practices für Rendering
Untertitel
Wenn Sie mit Untertiteln arbeiten, laden Sie Remotion Captions.
Erstellen eines SaaS, einer Automatisierung oder einer Anwendung
Verwenden Sie die Remotion-SaaS-Fähigkeit für Wissen über Remotion-betriebene SaaS-Apps, wie <Player>, Rendering auf Lambda, Vercel, Cloudflare, über Express.js, Client-seitiges Rendering oder um die richtige SaaS-Vorlage zu finden.
Remotion-APIs und Dokumentation nachschlagen
Um die aktuelle Remotion-Dokumentation zu finden und zu lesen, laden Sie Remotion Docs.
Upgrade
Um Remotion, verwandte Pakete, kompatible Mediabunny-Pakete und installierte Remotion-Agent-Fähigkeiten zu aktualisieren, laden Sie Remotion Upgrade.