Convirtiendo la navegación en una experiencia musical con IA y la API de Spotify
Como desarrollador, siempre busco formas de mejorar las experiencias cotidianas a través de la tecnología. Por eso construí Pagefy, una extensión de Chrome que utiliza inteligencia artificial para analizar cualquier página web y sugerir la banda sonora perfecta de Spotify para acompañar tu lectura.
El Problema que Quería Resolver
¿Cuántas veces has estado leyendo un artículo interesante, una entrada de Wikipedia sobre exploración espacial, o un post de un blog sobre viajes, o una página de un videojuego, y deseaste tener la música de fondo perfecta? Buscar manualmente playlists que coincidan con el ambiente es tedioso y rompe tu concentración.
Cómo Funciona Pagefy
Pagefy combina varias tecnologías modernas para ofrecer una experiencia fluida:
1. Extracción de Contenido: Cuando haces clic en el icono de la extensión, extrae inteligentemente el contenido clave de la página – títulos, encabezados y parte del texto principal.
2. Análisis con IA: Este contenido se envía a un backend de IA que entiende contexto, emociones y temáticas, determinando los estados de ánimo y géneros musicales apropiados.
3. Integración con Spotify: Usando la API Web de Spotify con autenticación OAuth 2.0 PKCE, busca 10-15 canciones que coinciden perfectamente con el contexto analizado.
4. Reproducción Instantánea: Los usuarios Premium pueden reproducir canciones directamente o añadirlas a su cola sin salir de la página. Los usuarios no premium podrán reproducir tambien los temas, uno a uno.
Características Principales
– ✨ Análisis con IA – IA avanzada que entiende contexto, emociones y temáticas
– 🎧 Integración Perfecta con Spotify – Conexión OAuth segura con tu cuenta
– ▶️ Controles de Reproducción Directa – Reproduce todo o añade a la cola (usuarios Premium)
– 🔄 Caché Inteligente – Los resultados se guardan 7 días para acceso instantáneo
– 🌍 Soporte Bilingüe – Interfaz completa en inglés y español
– 🔒 Enfocado en Privacidad – Solo procesa datos cuando lo solicitas explícitamente
Stack Tecnológico
– Frontend: JavaScript vanilla con módulos ES6, Manifest V3
– Backend: Cloudflare Workers para proxy seguro de APIs
– IA: Perplexity AI (modelo Sonar) para análisis de contenido
– APIs: Spotify Web API para búsqueda de música y control de reproducción
Pruébalo
Pagefy ya está disponible en la Chrome Web Store. Transforma tu experiencia de navegación con la banda sonora perfecta para cada página que visites.