Episode Details

Hoy os cuento cómo he automatizado la creación de shorts del podcast con Remotion, React y Codex a partir de cada MP3 publicado.

Pero antes, recordemos que esta semana continúa el curso de Stripe con inteligencia artificial. En la séptima clase conciliamos pedidos externos y en la octava hacemos preguntas, consultas SQL y gráficos sobre los datos de Stripe. Así conectamos cobros con información de otros sistemas y convertimos los datos en respuestas visuales.

Ahora sí, vamos al lío con Remotion, una herramienta para crear vídeos y animaciones mediante React. Llevo varias semanas utilizándola en un experimento que convierte automáticamente fragmentos del podcast en piezas verticales de entre treinta y sesenta segundos.

El proceso empieza cuando se publica un episodio. La automatización recoge el MP3, lo transcribe, analiza el contenido y selecciona uno de los fragmentos más interesantes o representativos. Después prepara un short con frases animadas, ilustraciones y varias escenas sincronizadas con mi voz.

No se trata del típico subtítulo colocado en la parte inferior. Las palabras aparecen en grande, cambian de tamaño, entran y salen de la pantalla y se combinan con elementos gráficos que refuerzan aquello que estoy contando. Cada vídeo utiliza alrededor de ocho escenas y mantiene un ritmo pensado para el formato corto.

La diferencia fundamental es que Remotion crea el vídeo con código. En lugar de pedir una pieza cerrada a un generador y recibir únicamente el archivo final, Codex construye un proyecto en React que describe las capas, los tiempos, las animaciones, los textos, las imágenes y el audio. Ese código se renderiza después como un vídeo convencional.

Trabajar de esta forma permite corregir un detalle sin regenerar toda la pieza. Si una palabra aparece tarde, una imagen necesita moverse o una animación resulta demasiado rápida, el cambio puede aplicarse exactamente en ese componente. El código continúa siendo la fuente de verdad y cada elemento sigue siendo editable.

Remotion Studio ofrece una previsualización del proyecto y facilita recorrer la línea temporal antes de exportar. Yo prefiero pedir los ajustes directamente a Codex porque no disfruto especialmente editando vídeo, pero quien quiera afinar manualmente una posición o un momento concreto puede hacerlo sin empezar desde cero.

Las entradas pueden llegar desde un texto, un audio, una API o una base de datos. Remotion permite animar tipografías, logotipos, imágenes, gráficos, mapas y recorridos, además de combinar vídeos, música y efectos. Esto abre la puerta a resúmenes, informes visuales, vídeos personalizados, mapas animados y contenidos generados a partir de datos.

También admite plantillas reutilizables. Pueden resultar muy útiles cuando todas las piezas deben compartir una estructura, como un informe periódico o un catálogo de productos. Para el podcast prefiero que cada short tenga escenas distintas, porque repetir siempre las mismas animaciones acabaría restando interés al contenido.

El formato tampoco queda fijado para siempre. Un mismo proyecto puede adaptarse a una composición horizontal, vertical, cuadrada o panorámica. Al estar construido con componentes y formas escalables, el agente puede redistribuir los elementos para cada relación de aspecto sin limitarse a recortar el centro del vídeo original.

La renderización puede ejecutarse en el ordenador, en un VPS o en infraestructura en la nube. En mi caso forma parte de un flujo automático. Al principio revisaba cada resultado y pe