Tests
Crea videos divertidos usando Remotion
¿Cómo funciona?
Qué es esto, qué hace cada test y cómo está hecho.
Esta sección es un laboratorio abierto de generación de video con código.
Cada test es una mini app que toma algo tuyo (tus respuestas, una foto o tu música) y produce un video
vertical listo para compartir en historias y reels. Lo interesante: el video se
renderiza completamente en tu navegador con Remotion
y @remotion/web-renderer, así que nada de lo que eliges se sube a un
servidor: tus datos nunca salen de tu dispositivo.
Qué hace cada uno
- 👋 Hola mundo: el más simple de todos. Un toque y genera un video que dice "Hola mundo": ideal para entender cómo funciona el render.
- 🌈 Texto animado: escribes el texto que quieras, eliges los colores y cada letra entra con fade y scale. Útil para anuncios o quotes cortos.
- 📸 Mi polaroid: tomas o subes una foto y la convierte en un video polaroid animado. Útil para una intro o un recuerdo con movimiento.
- 🎧 Mi canción favorita: buscas una canción y arma un video con su portada y un intro de 30 s del tema. Ideal para presumir lo que escuchas.
- 🎤 Mi top 5 de artista: eliges 5 canciones de un artista y, a punta de comparaciones, las ordena en tu ranking personal con la #1 sonando al final.
- 🎵 Rankea tu álbum favorito: igual que el anterior pero dentro de un álbum, con su portada como fondo.
- 🎬 ¿Qué tanto sabes de Remotion?: trivia de 12 preguntas sobre la librería. Termina en un video con tu puntaje.
- ✨ ¿Qué tan VibeCoder eres?: trivia sobre programar con IA. Descubre si tienes buen criterio o programas a ciegas.
- 🧬 Test de personalidad: 20 preguntas estilo MBTI que clasifican tu tipo de personalidad y generan un video con tu resultado.
- 🚩 Red Flags vs Green Flags: 12 situaciones de pareja para ver si eres más red flag o green flag. El video te muestra tu veredicto.
Cómo está hecho
La música y las portadas vienen de la API pública de búsqueda de iTunes
de Apple (un fragmento de 30 s por canción). El video se compone con React dentro de Remotion y se
codifica a .mp4 9:16 directamente en el navegador usando WebCodecs.
Todo el código de esta página estará disponible en abierto (open source) para que lo estudies, lo adaptes o lo uses en tus propios proyectos. Si quieres aprender a crear videos así, tenemos un taller de Motion Graphics con Remotion en Artefisual.
Preguntas frecuentes
Dudas comunes sobre los videos y tu privacidad.
¿Qué es Remotion?
Remotion es una librería para crear videos programáticamente con React. En lugar de editar en un software de video, escribes componentes de React que se renderizan frame por frame para producir un archivo .mp4.
¿Cómo se genera mi video?
El video se renderiza directamente en tu navegador con @remotion/web-renderer. Tus respuestas, fotos o canciones nunca se suben a un servidor: todo el procesamiento ocurre en tu dispositivo. Suele tardar entre 5 y 30 segundos según el largo del video.
¿Mis datos se guardan en algún servidor?
No. Como el render es client-side, nada de lo que eliges sale de tu navegador. No almacenamos tus respuestas, fotos ni selecciones de música.
¿En qué formato descargo el video?
En .mp4 vertical 9:16, optimizado para historias y reels de Instagram, TikTok y estados de WhatsApp.
¿De dónde sale la música y las portadas?
De la API pública de búsqueda de iTunes de Apple, que entrega un fragmento de 30 segundos y la portada del álbum. Usamos solo ese intro dentro del video.
¿Tiene algún costo?
No, todos los tests y la generación de videos son gratis.
¿Puedo usar este código en mi propio proyecto?
Sí. Remotion es open source y todo el código de esta página está disponible en github.com/marcelo-earth/artefisual-remotion para que lo estudies o lo reutilices. Si quieres aprender a crear videos con código, tenemos un taller de Motion Graphics con Remotion en Artefisual.