Widget-Code für einen KI-Videogenerator auf Ihrer Website
Bauen Sie mit einem Script-Tag einen KI-Videogenerator in Ihre Website ein. Besucher beschreiben eine Szene, das Widget erzeugt einen kurzen Clip und spielt ihn ab, sobald er fertig ist.
Veröffentlicht:
Text-to-Video-Modelle können aus einem Satz einen kurzen Clip machen. Ein Video-Widget bringt das auf Ihre Seite: Ein Besucher beschreibt eine Szene, das Modell erzeugt sie im Hintergrund, und der Clip läuft im Widget mit Download-Link, sobald er fertig ist.
So funktioniert das Video-Widget
Videos brauchen länger als Text oder Bilder, daher arbeitet das Widget in zwei Schritten:
- Der Besucher sendet einen Prompt. Das Widget startet einen Videoauftrag und zeigt an, dass es arbeitet.
- Das Widget prüft den Auftrag, bis das Video fertig ist (meist innerhalb weniger Minuten), spielt es dann ab und bietet einen Link Herunterladen an.
Der Besucher kann die Seite geöffnet lassen, während der Auftrag läuft. Nur das Widget, das einen Auftrag gestartet hat, kann ihn abfragen oder sein Ergebnis herunterladen.
Den Code einbetten
Erstellen Sie ein Widget unter Widgets, wählen Sie Video und speichern Sie. Kopieren Sie dann:
<script src="https://api14.com/widget.js" data-widget="YOUR_WIDGET_ID" async></script>
Fügen Sie ihn dort ein, wo der Generator erscheinen soll. data-target rendert ihn in ein vorhandenes Element, und data-height legt seine Höhe fest (standardmäßig 420px). Die Platzierung Schwebende Schaltfläche öffnet ihn stattdessen über eine Schaltfläche in der Ecke.
Dauer und Auflösung sind vorgegeben
Videomodelle bieten unterschiedliche Längen und Auflösungen, und wenn diese offen bleiben, werden die Kosten unberechenbar. Das Widget fordert immer die unterstützte Dauer an, die 5 Sekunden am nächsten liegt, und die Auflösung, die 720p am nächsten liegt. So bleiben die Clips kurz und der Preis pro Anfrage konstant.
Modell und API-Schlüssel wählen
- Modell: Die Auswahl listet die Videomodelle mit ihren Preisen. Modelle, die ein vorhandenes Video nur bearbeiten oder hochskalieren, eignen sich nicht, weil das Widget von Text ausgeht.
- API-Schlüssel: Jedes Widget läuft unter einem Ihrer API-Schlüssel. Wählen Sie einen aus oder nutzen Sie am Ende der Liste Neuen API-Schlüssel erstellen für einen eigenen Schlüssel. Dessen tägliches Ausgabenlimit, Anfragerate und erlaubte Modelle gelten für jeden Auftrag, den das Widget startet.
Erwartungen auf der Seite klären
Sagen Sie Besuchern, dass ein Clip etwas Zeit braucht und dass die Ergebnisse KI-generiert sind. Ein Platzhalter wie „Ein Papierboot treibt eine verregnete Straße hinunter, filmisch“ zeigt, wie ein guter Prompt aussieht.
Vor der Veröffentlichung
- Tragen Sie Ihre Domains unter Einstellungen, Widget-Websites ein.
- Legen Sie ein tägliches Ausgabenlimit für das Widget und für den Schlüssel fest.
- Erzeugen Sie zwei oder drei Clips in der Vorschau des Editors, um Dauer und Qualität einzuschätzen.
Details zu den Modellen finden Sie in der Video-Dokumentation, Ihr Widget gestalten Sie auf der Widgets-Seite.