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

> Un usuario pidió a Claude que recreara un anuncio en vídeo como animación en JavaScript con el audio original, y lo hizo solo en menos de una hora.

- **Tipo:** Caso de uso
- **Tema:** Contenido y redes
- **Herramientas:** Claude
- **Dificultad:** avanzada
- **Origen:** [Hacker News](https://news.ycombinator.com/item?id=49942596)
- **En el directorio desde:** 5 de octubre de 2026
- **URL:** https://conqueia.com/caso/recrear-un-anuncio-en-video-como-animacion-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.

## Pruébalo con Claude

```
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

### ¿Puedo recrear así el anuncio de un competidor?

No para publicarlo, porque el anuncio es de su dueño y copiarlo te puede dar problemas. Usa tu propio vídeo o uno con licencia.

### ¿Y si necesito un vídeo y no una página web?

Un HTML se abre en el navegador y se puede subir a tu web. Para tener un vídeo para redes tendrías que grabar la pantalla o pedir al agente un paso extra para convertirlo.

### ¿Cuánto me va a costar?

Depende del tiempo que trabaje el agente. El caso no da cifras de coste, así que prueba con un vídeo muy corto y mira cuánto consumes.

## Fuentes

- [Hacker News](https://news.ycombinator.com/item?id=49942596)

---

Fuente: conqueia.com/caso/recrear-un-anuncio-en-video-como-animacion-web