Recrear un anuncio en vídeo como animación web

A quién le sirve. Quien quiere convertir un vídeo corto propio en una animación web o probar hasta dónde llega un agente de IA trabajando solo, en un experimento más de programador que de negocio y que pide soltura con la terminal.

Qué hicieron

El autor descargó de YouTube un anuncio de ChatGPT, extrajo su audio y dio a Claude (Opus 5.5) acceso a ffmpeg, un programa para trabajar con vídeo y audio. Le pidió una recreación en JavaScript puro con el mismo audio, con animaciones sutiles y mucha calidad de producción. Después se fue y le dijo que trabajara por su cuenta hasta acabar.

Cómo salió

Terminó en menos de una hora y de una sola vez. La única diferencia visible con el original era el logotipo del final.

Conviene saber

El autor lo presenta como un experimento y recuerda que el anuncio original es de OpenAI. Si lo copias, usa material propio. Le funcionó porque insistió en la calidad, dejó trabajar a la IA sola y le dio tanto el vídeo como el audio.

Qué necesitas

• Un vídeo corto tuyo o que tengas permiso para usar, con su audio
• Un agente de programación con acceso a tu ordenador, como Claude Code, con un plan de pago de Claude
• ffmpeg, un programa gratuito para trabajar con vídeo y audio, que el agente usa para separar el sonido y sacar imágenes
• Un navegador para abrir el resultado, que es un único archivo HTML
• Una carpeta de trabajo vacía donde el agente pueda escribir sin tocar el resto de tus archivos

Cómo hacerlo tú, paso a paso

1. Elige un vídeo corto que sea tuyo, por ejemplo un anuncio, la presentación de un producto o una pieza para redes.
2. Instala ffmpeg. Si no sabes cómo, pide al agente que te guíe y que te avise antes de instalar nada.
3. Crea una carpeta nueva, mete dentro el vídeo y abre el agente en ella.
4. Pega el prompt de la ficha con la ruta del vídeo. Insiste en la calidad: pide animaciones sutiles y un acabado cuidado, como de producción profesional.
5. Dile que trabaje por su cuenta y que compare su resultado con el original mientras avanza.
6. Abre el HTML en el navegador y compáralo con el original: aspecto, tiempos y sincronía con el audio. Pide cambios concretos sobre lo que no coincida.
7. Sustituye logotipos, textos y marcas por tu propio material antes de usarlo.

Tengo un archivo de vídeo en [ruta del vídeo]. Usa ffmpeg para analizar sus imágenes y su audio, y recréalo como una animación en JavaScript puro dentro de un solo archivo HTML, manteniendo el audio original sincronizado. Trabaja por tu cuenta y compara con el original según avanzas. Habrás terminado cuando pueda abrir el HTML en el navegador y se parezca al vídeo en aspecto y tiempos. No subas ni publiques nada.

Consejos

• Define qué significa «terminado»: abrir el HTML y que se parezca al vídeo en aspecto y tiempos. Sin esa meta, el agente no sabe cuándo parar.
• No recrees anuncios ajenos para publicarlos. Sirve para aprender cómo se monta, pero usa material propio para evitar problemas de derechos.
• Limita lo que el agente puede tocar a la carpeta de trabajo y no le des acceso a tus archivos personales.

Preguntas frecuentes

Fuentes

• Hacker News ↗

En el directorio desde el 5 de octubre de 2026.