NowPlayingChords (2026)

Extensión de navegador (Chrome y Firefox) que, mientras se escucha música en open.spotify.com, detecta el artista y la canción que suena y muestra un botón en la barra de reproducción que abre un panel con varios sitios de búsqueda de acordes/tabs de guitarra.

Disponible en la Chrome Web Store.

¿Cómo funciona?

Mientras escuchas una canción en open.spotify.com, aparece un botón "Search Chords" justo al lado del control de volumen de la barra de reproducción, sin invadir el resto de la interfaz de Spotify.

Al hacer clic, se abre un pequeño panel con los sitios de búsqueda configurados — no solo Ultimate Guitar. Cada sitio muestra un indicador de si tiene resultados para la canción actual, así de un vistazo sabes a qué sitio vale la pena ir en lugar de abrir a ciegas una búsqueda que puede no tener resultados.

Búsqueda de acordes inteligente

Cada vez que se abre el panel, la extensión comprueba en segundo plano (desde el background script, para evitar el CSP de la página de Spotify) si cada sitio activado tiene resultados para la canción actual:

• ✅ Con resultados: fila clicable, abre la búsqueda en una pestaña nueva.
• ❌ Sin resultados (o comprobación fallida/timeout): fila deshabilitada, sin enlace.
• ❓: sitio no verificable (detrás de protección anti-bot), siempre clicable para que el usuario lo compruebe manualmente.

Cada comprobación es una heurística sobre el HTML de cada sitio — son sitios de terceros que pueden cambiar de diseño en cualquier momento y romper la detección. Por eso cualquier error o timeout se trata de forma conservadora como "sin resultados", para no ofrecer nunca un enlace que probablemente no sirve.

Los resultados se guardan en browser.storage.local durante 30 días por canción, así que reabrir el panel para la misma canción —incluso días después o en otra pestaña— no vuelve a hacer peticiones de red hasta que caduque la caché.

Página de opciones

La extensión tiene una página de configuración propia, accesible haciendo clic en el icono de la extensión en la barra del navegador o en el botón "⚙ Configuración" del panel de búsqueda. Permite activar o desactivar qué sitios aparecen en el panel de búsqueda.

Sitios de búsqueda compatibles

• Ultimate Guitar
• Songsterr
• Cifra Club
• Chordify
• E-Chords
• LaCuerda.net
• GuitarTabs.cc

La lista es configurable desde el código añadiendo nuevas entradas con su identificador, nombre y plantilla de URL. Si te gustaría que apareciera otro sitio en la lista, házmelo saber e intentaré añadirlo.

Cifra Club, Chordify y E-Chords no se verifican automáticamente: sus páginas están detrás de protección anti-bot (Cloudflare) que bloquea cualquier petición "fría" sin cookies de sesión previas — exactamente la situación de una petición desde el background script. Por eso se muestran siempre como clicables con el icono ❓, sin verificarlos.

Idiomas

La extensión está disponible en catalán, inglés y castellano, vía la API nativa de internacionalización de WebExtensions. No hay selector manual: se usa automáticamente el idioma del navegador, con el inglés como idioma por defecto si el navegador no está en ninguno de los tres.

Stack tecnológico

• Manifest V3, compartido entre Chrome y Firefox
• WebExtensions API (background script con host_permissions para saltarse CORS)
• browser.storage.local para la caché de resultados y las preferencias del usuario
• JavaScript vanilla, sin dependencias