Widgetcode voor een AI-videogenerator op je website
Voeg met één scripttag een AI-videogenerator toe aan je site. Bezoekers beschrijven een scène en de widget genereert een korte clip en speelt die af zodra hij klaar is.
Gepubliceerd:
Text-to-videomodellen kunnen een zin omzetten in een korte clip. Een videowidget brengt dat naar je pagina: een bezoeker beschrijft een scène, het model genereert die op de achtergrond, en de clip speelt af in de widget, met een downloadlink, zodra hij klaar is.
Hoe de videowidget werkt
Een video genereren duurt langer dan tekst of afbeeldingen, dus de widget werkt in twee stappen:
- De bezoeker verstuurt een prompt. De widget start een videotaak en laat zien dat hij bezig is.
- De widget controleert de taak tot de video klaar is, meestal binnen een paar minuten, speelt hem dan af en biedt een link Downloaden aan.
De bezoeker kan de pagina open laten terwijl de taak loopt. Alleen de widget die een taak heeft gestart kan die controleren of het resultaat downloaden.
Sluit de code in
Maak een widget aan in Widgets, kies Video en sla op. Kopieer daarna:
<script src="https://api14.com/widget.js" data-widget="YOUR_WIDGET_ID" async></script>
Plaats hem waar de generator moet verschijnen. data-target geeft hem weer in een bestaand element en data-height stelt de hoogte in (standaard 420px). Met de plaatsing Zwevende knop open je hem in plaats daarvan via een knop in de hoek.
Duur en resolutie worden voor je ingesteld
Videomodellen bieden verschillende lengtes en resoluties, en als je die vrijlaat wordt de prijs onvoorspelbaar. De widget vraagt altijd om de ondersteunde duur die het dichtst bij 5 seconden ligt en de resolutie die het dichtst bij 720p ligt. Zo blijven clips kort en blijft de prijs per verzoek constant.
Kies een model en een API-key
- Model: de keuzelijst toont de videomodellen met hun prijzen. Modellen die alleen een bestaande video bewerken of opschalen zijn niet geschikt, omdat de widget begint met tekst.
- API-key: elke widget draait op een van je API-keys. Kies er een, of selecteer Nieuwe API-key maken onderaan de lijst om een aparte key te maken. De dagelijkse bestedingslimiet, het aantal verzoeken per minuut en de toegestane modellen daarvan gelden voor elke taak die de widget start.
Schep verwachtingen op de pagina
Vertel bezoekers dat een clip even duurt en dat de resultaten door AI gegenereerd zijn. Een plaatshoudertekst als "Een papieren bootje dat door een regenachtige straat vaart, filmisch" laat zien hoe een goede prompt eruitziet.
Voordat je publiceert
- Voeg je domeinen toe onder Instellingen, Widget-sites.
- Stel een dagelijkse bestedingslimiet in op de widget en op de key.
- Genereer twee of drie clips in de voorbeeldweergave van de editor om duur en kwaliteit te zien.
Lees de videodocumentatie voor details over modellen en ontwerp je widget op de widgetpagina.