Código del widget generador de vídeo con IA para tu web

Los modelos de texto a vídeo pueden convertir una frase en un clip corto. Un widget de vídeo lleva eso a tu página: un visitante describe una escena, el modelo la genera en segundo plano y el clip se reproduce en el widget, con un enlace de descarga, cuando está listo.

Cómo funciona el widget de vídeo

Generar vídeo lleva más tiempo que generar texto o imágenes, así que el widget trabaja en dos pasos:

1. El visitante envía un prompt. El widget inicia una tarea de vídeo y muestra que está trabajando.
2. El widget consulta la tarea hasta que el vídeo está listo, normalmente en pocos minutos, y entonces lo reproduce y ofrece un enlace Descargar.

El visitante puede mantener la página abierta mientras se ejecuta la tarea. Solo el widget que inició una tarea puede consultarla o descargar su resultado.

Inserta el código

Crea un widget en Widgets, elige Vídeo y guárdalo. Después copia:

<script src="https://api14.com/widget.js" data-widget="YOUR_WIDGET_ID" async></script>

Colócalo donde deba aparecer el generador. data-target lo muestra dentro de un elemento existente y data-height define su altura (420px por defecto). La ubicación Botón flotante lo abre, en cambio, desde un botón en la esquina.

La duración y la resolución ya vienen fijadas

Los modelos de vídeo ofrecen distintas duraciones y resoluciones, y dejarlas abiertas hace que el coste sea imprevisible. El widget siempre pide la duración admitida más cercana a 5 segundos y la resolución más cercana a 720p. Así los clips son cortos y el precio por solicitud se mantiene constante.

Elige un modelo y una clave API

• Modelo: el selector muestra los modelos de vídeo con sus precios. Los modelos que solo editan un vídeo existente o aumentan su resolución no son adecuados, porque el widget parte de un texto.
• Clave API: cada widget funciona con una de tus claves API. Elige una, o selecciona Crear nueva clave API al final de la lista para crear una clave dedicada. Su límite de gasto diario, su ritmo de solicitudes y sus modelos permitidos se aplican a cada tarea que inicie el widget.

Explica en la página qué esperar

Avisa a los visitantes de que un clip tarda un poco y de que los resultados están generados por IA. Un texto de ejemplo como "Un barco de papel navegando por una calle lluviosa, estilo cinematográfico" les muestra cómo es un buen prompt.

Antes de publicarlo

• Añade tus dominios en Configuración, Sitios del widget.
• Define un límite de gasto diario en el widget y en la clave.
• Genera dos o tres clips en la vista previa del editor para ver el tiempo de espera y la calidad.

Lee la documentación de vídeo para conocer los detalles de los modelos y diseña tu widget en la página de widgets.