Construí un boombox virtual inspirado en los 90 que no puedo dejar de escuchar; es una radio web donde giras la perilla, cambias de emisora y la música se funde en tiempo real gracias a inteligencia artificial.
La experiencia se siente como un fantasma en la máquina porque el DJ es una IA que presenta la canción y el género de forma contextual. El proyecto se apoyó en el Google Gen AI SDK, el modelo Lyria real time para generación musical, Gemini para generación de guiones y texto a voz, y la interfaz se desarrolló con Lit y Vite.
El núcleo es un flujo musical infinito que mantiene una sesión con el modelo Lyria en tiempo real. En lugar de descargar pistas estáticas, enviamos prompts ponderados que le indican al modelo hacia qué dirección sonora moverse. Al girar la perilla no se solicita una nueva canción, se redirige la atención de la IA para mezclar porcentajes de géneros y texturas sonoras, por ejemplo 100 por ciento bossa nova o una mezcla 50 por ciento dubstep y 50 por ciento jazz.
El DJ es la salsa secreta del proyecto. Un componente genera en dos pasos una presentación breve y luego convierte ese texto en voz con Gemini TTS usando una voz preconfigurada. Primero se pide a Gemini que adopte una personalidad de locutor y escriba una frase corta y llamativa para presentar la pista. Luego esa frase se sintetiza en audio y se reproduce con un gestor que evita anunciar cada cambio rápido aplicando una demora de 800 milisegundos para evitar anuncios superpuestos.
En el plano visual la caja de ritmo es un híbrido de CSS y SVG para altavoces y perillas. Para dar vida a los conos de los parlantes se utiliza la Web Audio API con un analizador que extrae datos de frecuencia y los mapea a transformaciones CSS scale sobre los conos, logrando un pulso sincronizado con la música. Además la imagen de fondo se genera dinámicamente con prompts para conseguir una estética nostálgica vaporwave tipo dormitorio de los 90.
La lógica de la perilla requiere convertir movimiento del ratón o del dedo en ángulo de rotación y luego en índices de emisora. La captura circular calcula el ángulo entre el centro y el cursor, aplica la corrección en el cruce entre 0 y 360 grados y ajusta la rotación para poder girar sin límites, luego se mapea esa rotación a segmentos que representan estaciones.
Este proyecto combina la sensación táctil de interfaces antiguas con capacidades de IA de vanguardia, creando una radio infinita que suena viva porque la IA no solo genera música sino que también le pone voz. Es un ejemplo claro de cómo la inteligencia artificial aplicada puede transformar experiencias multimedia.
En Q2BSTUDIO aprovechamos este tipo de tecnologías para desarrollar soluciones a medida que van desde aplicaciones a medida hasta servicios avanzados de inteligencia artificial. Si buscas crear productos similares o integrar agentes IA en tus plataformas empresariales podemos ayudarte a diseñar la arquitectura, la experiencia de usuario y la integración con servicios cloud. Con nuestro enfoque en software a medida y experiencia en servicios cloud aws y azure y seguridad, te acompañamos desde el prototipo hasta la entrega profesional.
Nuestros servicios incluyen desarrollo de aplicaciones a medida, ciberseguridad y pentesting, inteligencia de negocio y Power BI, automatización de procesos e implementación de agentes IA para empresas. Si quieres que transformemos una idea en una aplicación real podemos encargarnos del desarrollo y la puesta en producción con prácticas de ciberseguridad y despliegue en la nube.
Puedes explorar nuestras capacidades en soluciones de inteligencia artificial visitando servicios de inteligencia artificial para empresas y conocer cómo diseñamos aplicaciones a medida en aplicaciones a medida y software a medida. Si te interesa un proyecto concreto o quieres hablar de agentes IA, servicios cloud aws y azure, ciberseguridad, inteligencia de negocio o Power BI, en Q2BSTUDIO estamos listos para colaborar y convertir tu idea en producto.
Si te animas a crear tus propias emisoras o a experimentar con mezcla en tiempo real, cuéntanos tu caso y te mostramos cómo llevar la idea a producción utilizando las mejores prácticas de desarrollo, seguridad y despliegue en la nube.
