y pegala antes de la etiqueta
en tu HTML.", "position": 1 }, { "@type": "HowToStep", "name": "Agrega un contenedor (opcional)", "text": "Anade un div con el atributo data-videora-widget en el lugar donde quieras que aparezca el widget. Puedes personalizar formato, voz y duracion maxima con data attributes.", "position": 2 }, { "@type": "HowToStep", "name": "Publica y prueba", "text": "Publica tu pagina. El widget se inicializa automaticamente y tus usuarios podran generar videos con subtitulos desde tu sitio.", "position": 3 } ] }
Widget Embebible
Un solo script tag. Tus usuarios escriben un guion, eligen formato y reciben un MP4 con narracion y subtitulos automaticos. Sin backend propio, sin configuracion compleja.
Integracion
Pega esta linea antes de </body> en tu HTML:
<script src="https://videora.4l3.org/static/embed-widget.js"></script>
Coloca un div donde quieras el widget. Personaliza con data attributes:
<div
data-videora-widget
data-videora-format="9:16"
data-videora-voice="es-MX-Ald">
</div>
El widget se inicializa solo. Tus visitantes podran generar videos con subtitulos directamente desde tu sitio.
Incluye:
Configuracion avanzada
Usa Videora.render() para control programatico:
Videora.render({
template: "short",
format: "9:16",
duration_s: 30,
narration: {
text: "Tu guion aqui",
voice: "es-MX-Ald"
},
captions: { enabled: true }
}).then(data => {
console.log("Job:", data.job_id);
});
Usa Videora.status() para polling:
Videora.status("abc123def456")
.then(job => {
if (job.status === "completed") {
window.open(job.output_url);
}
});
| Atributo | Valores | Default |
|---|---|---|
data-videora-widget |
(sin valor, solo presencia) | - |
data-videora-format |
9:16, 16:9, 1:1 | 9:16 |
data-videora-voice |
es-MX-Ald, es-ES-Luc, etc. | es-MX-Ald |
data-videora-max |
Duracion max en segundos (5-180) | 60 |
Casos de uso
Permite a tus alumnos convertir sus apuntes en video-resumenes con subtitulos. Ideal para plataformas educativas y LMS.
Genera clips cortos subtitulados listos para Shorts. Tus usuarios escriben el guion y descargan el MP4 al instante.
Videos verticales con subtitulos para TikTok, Reels e Historias. 80% de estos videos se ven sin sonido: los subtitulos son esenciales.
Convierte articulos en video-posts subtitulados para aumentar el tiempo en pagina y el engagement de tus lectores.
Videos de producto con narracion y subtitulos. Aumenta la conversion al mostrar tu producto en accion con explicacion clara.
Transforma fragmentos de texto en clips de video para promocionar episodios o ediciones en redes sociales.
Demo en vivo
Este es el widget funcionando. Escribe un guion y genera tu video.
Si. El widget es gratuito para integrar. Los usuarios que lo usen tienen acceso al free tier de Videora (3 videos por mes). Para mayor volumen, pueden contratar un plan Pro o Premium.
El widget usa clases CSS con prefijo .vra- para evitar conflictos. Puedes sobreescribir cualquier estilo en tu propia hoja de estilos. Por ejemplo, cambia .vra-btn para modificar el boton de generacion.
MP4 en tres formatos: 9:16 (vertical, TikTok/Reels), 16:9 (horizontal, YouTube) y 1:1 (cuadrado, feeds). Los subtitulos quedan incrustados directamente en el video.
Si. Videora genera subtitulos sincronizados automaticamente a partir del guion de narracion. Aparecen incrustados en el video MP4 con estilo bold en la parte inferior.
Si. Solo necesitas insertar una linea de JavaScript. En WordPress usa un bloque HTML personalizado. En Shopify, anadelo en Themes > Edit code. Funciona en cualquier plataforma que permita insertar scripts.
Copia el script, pegalo en tu web y ofrece generacion de video con subtitulos a tus usuarios.