Der Arbeitsansatz
Remotion Interactivity löst ein konkretes Authoring-Problem: Ein Video kann korrekt gerendert werden, während seine Ebenen im Studio nur schwer oder gar nicht bearbeitbar sind. Die Quelle erklärt, welche Markup-Muster der Editor erkennen kann, darunter Inline-Styles, benannte Elemente, unterstützte Interpolationsausdrücke und direkt geschriebene JSX-Knoten.
Der Ansatz für eigene Komponenten nutzt ein Interaktivitätsschema, um sinnvolle Steuerelemente pro Instanz bereitzustellen. Eine Komponente mit eigener Zeitleiste kann außerdem als verbundene Komposition registriert werden. Es geht um die Beziehung zwischen Quellcode und Video-Editor, nicht darum, einem veröffentlichten Video anklickbare Schaltflächen hinzuzufügen.
Erwartete Ergebnisse
- Benannte, einzeln bearbeitbare Videoebenen
- Eigene Komponenten mit deklarierten Steuerelementen für Inhalt und Darstellung
- Verbundene Kompositionen mit eigenen bearbeitbaren Zeitleisten
Vom Briefing zur Prüfung
- 01Bearbeitungseinheiten bestimmen
Listen Sie die Clips, Szenen und Ebenen auf, die getrennt geändert werden müssen. Geben Sie jeder einen eigenen, manuell geschriebenen JSX-Knoten, statt alle aus einer Schleife zu erzeugen.
- 02Nützliche Steuerelemente bereitstellen
Fügen Sie ein InteractivitySchema für sinnvolle Text-, Farb-, Medien- oder numerische Eigenschaften hinzu und leiten Sie den injizierten Style an ein einziges visuelles Wurzelelement weiter.
- 03Quellcode bearbeitbar halten
Setzen Sie unterstützte Keyframes und Styles inline, bewahren Sie die Frame-Semantik zwischen aufrufender und lokaler Ebene und registrieren Sie wiederverwendbare Szenen mit derselben exportierten Komponente.
- 04Studio-Änderungen testen
Wählen, verschieben und justieren Sie die vorgesehenen Ebenen im Studio und prüfen Sie dann, ob die Änderungen in den erwarteten Quellknoten zurückgeschrieben werden.