NowPlayingChords (2026)

Extensió de navegador (Chrome i Firefox) que, mentre s'escolta música a open.spotify.com, detecta l'artista i la cançó que sona i mostra un botó a la barra de reproducció que obre un panell amb diversos llocs de cerca d'acords/tabs de guitarra.

Disponible a la Chrome Web Store.

Com funciona?

Mentre escoltes una cançó a open.spotify.com, apareix un botó "Search Chords" just al costat del control de volum de la barra de reproducció, sense envair la resta de la interfície de Spotify.

En clicar-lo, s'obre un petit panell amb els llocs de cerca configurats — no només Ultimate Guitar. Cada lloc mostra un indicador de si té resultats per a la cançó actual, així que d'un cop d'ull saps a quin lloc val la pena anar en lloc d'obrir a cegues una cerca que pot no tenir resultats.

Cerca d'acords intel·ligent

Cada vegada que s'obre el panell, l'extensió comprova en segon pla (des del background script, per evitar el CSP de la pàgina de Spotify) si cada lloc activat té resultats per a la cançó actual:

• ✅ Amb resultats: fila clicable, obre la cerca en una pestanya nova.
• ❌ Sense resultats (o comprovació fallida/timeout): fila deshabilitada, sense enllaç.
• ❓: lloc no verificable (darrere protecció anti-bot), sempre clicable perquè l'usuari ho comprovi manualment.

Cada comprovació és una heurística sobre l'HTML de cada lloc — són llocs de tercers que poden canviar de disseny en qualsevol moment i trencar la detecció. Per això qualsevol error o timeout es tracta de forma conservadora com "sense resultats", per no oferir mai un enllaç que probablement no serveix.

Els resultats es guarden a browser.storage.local durant 30 dies per cançó, així que reobrir el panell per a la mateixa cançó —fins i tot dies després o en una altra pestanya— no torna a fer peticions de xarxa fins que caduqui la cache.

Pàgina d'opcions

L'extensió té una pàgina de configuració pròpia, accessible clicant la icona de l'extensió a la barra del navegador o el botó "⚙ Configuració" del panell de cerca. Permet activar o desactivar quins llocs apareixen al panell de cerca.

Llocs de cerca compatibles

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

La llista és configurable des del codi afegint noves entrades amb el seu identificador, nom i plantilla d'URL. Si voldries que aparegués un altre lloc a la llista fes-m'ho saber i miraria d'afegir-lo.

Cifra Club, Chordify i E-Chords no es verifiquen automàticament: les seves pàgines estan darrere protecció anti-bot (Cloudflare) que bloqueja qualsevol petició "freda" sense cookies de sessió prèvies — exactament la situació d'una petició des del background script. Per això es mostren sempre com a clicables amb la icona ❓, sense verificar-los.

Idiomes

L'extensió està disponible en català, anglès i castellà, via l'API nativa d'internacionalització de WebExtensions. No hi ha selector manual: es fa servir automàticament l'idioma del navegador, amb l'anglès com a idioma per defecte si el navegador no és en cap dels tres.

Stack tecnològic

• Manifest V3, compartit entre Chrome i Firefox
• WebExtensions API (background script amb host_permissions per saltar-se CORS)
• browser.storage.local per a la cache de resultats i les preferències de l'usuari
• JavaScript vanilla, sense dependències