bandQamp: interfaz del reproductor con cola de reproducción, controles y panel de Last.fm scrobbling para Bandcamp

Extensión MV3 para Bandcamp

bandQamp — Cola de reproducción y Last.fm scrobbling para Bandcamp

Tu cola privada para escuchar, volver y descubrir música en Bandcamp sin perder el hilo, con historial, snooze y love/unlove en Last.fm.

Versión 0.4.1 Estado y próximos pasos

  • Cola pistas y álbumes
  • Historial últimos 30 días
  • Last.fm now playing y scrobble

Estado actual

Una interfaz que ya se siente como reproductor

La web toma el mismo lenguaje visual del popup: fondo claro, paneles translúcidos, controles redondos, logo protagonista y acento azul de marca.

BQ
Live Queue Now Playing

Numa Gama - Tip-Top Molotov

Tropical Twista Records

Playback Flow

Queue

  • Kadum & Thiago Pinheiro Easyflight
  • Ibu Selva Sanna
  • Kurup Caligo

Qué hace

Bandcamp con cola, memoria y control

El código ya cubre el ciclo completo: añadir música desde Bandcamp, reproducirla fuera del popup, ordenar la cola y guardar el historial sin exponer credenciales.

Añade pistas y álbumes

Añade pistas y álbumes con previews al final o como siguiente. Activa la integración opcional con Bandcamp Daily desde ajustes.

Reproductor persistente

Escucha con el popup cerrado y controla la música desde la vista compacta, la pestaña completa o una ventana flotante.

Historial útil

Consulta los últimos 30 días de escucha. Esta vista filtra el historial; no borra las entradas anteriores.

Snooze de canciones

Detén la reproducción tras un número de pistas y organiza la cola por arrastre o moviendo pistas y bloques desde su menú.

Last.fm integrado

Conecta tu cuenta para now playing, scrobbles y favoritos. Usa Ctrl/⌘ + corazón para consultar de nuevo el estado remoto.

Temas e idiomas

Elige Modern, Flat o un tema JSON personalizado, con modo claro, oscuro o automático y cinco idiomas.

Flujo

Del álbum a tu cola, sin perder el hilo

Una demo ligera en vanilla JS muestra cómo se conectan las piezas principales de la extensión.

Bandcamp Album page
Tip-Top Molotov Numa Gama
bandQamp Queue
Now playing
Last.fm + historial

Capturas

La extensión tal como se ve ahora

Estas pantallas vienen de la interfaz actual y sirven como base visual para la web.

Vista expandida de bandQamp — reproductor completo con cola, historial y panel de ajustes
Vista expandida El reproductor completo con paneles translúcidos, cola y controles superiores.

bandQamp · 0.4.1

Estado actual y próximos pasos

Referencia: versión 0.4.1 del proyecto · Documentación actualizada el 16 de septiembre de 2026. Las mejoras pendientes no tienen fecha de publicación.

Disponible

Tu cola, a tu manera

Cola persistente, bloques, snooze, historial y temas personalizados. Exporta cola e historial en JSON; los ajustes y las credenciales no forman parte de esa copia.

En revisión

Favoritos de Last.fm

Love/unlove ya está implementado. Estamos revisando la sincronización de nombres y la respuesta ante errores para que el corazón refleje el estado confirmado de tu cuenta.

En desarrollo

Crossfade

La versión de desarrollo ya mezcla el final de una pista con la siguiente durante un máximo de 10 segundos. Con 0 se desactiva. Respeta snooze; si la siguiente pista no está lista, utiliza el avance normal. Pendiente de validar con Bandcamp y Last.fm reales.

En qué queremos avanzar

  1. Estabilizar favoritos, cola y recuperación de la reproducción.
  2. Validar el crossfade con Bandcamp y revisar teclado, foco y contraste.
  3. Mantener manuales, traducciones y paquetes alineados con cada entrega.
Consultar los manuales

Actualizaciones

Lista de cambios

Resumen de versiones lanzadas, con los puntos clave añadidos o arreglados en cada entrega.

v0.4.1 16 septiembre 2026

  • Actualización ligera del reloj sin reconstruir la cola cada segundo.
  • Paginación: 25 pistas en el popup y 50 en la vista completa.
  • Corrección de ciclos de actualización de los botones insertados en Bandcamp.

v0.4.0 16 septiembre 2026

  • Procesamiento de colas largas en lotes de 5, con reproducción independiente y peticiones limitadas a 8 segundos.
  • Crossfade de hasta 10 segundos; CTRL + clic para duplicar pistas o álbumes, con iconos naranjas.
  • Volumen: Shift de 10 en 10 y CTRL de 25 en 25, con marcas visuales.
  • Contadores sincronizados segundo a segundo y spinner de actividad junto al título de la cola.

v0.3.0 Septiembre de 2026

Corazón Last.fm rediseñado

  • Love / Unlove visuales: el corazón se pinta de rojo #e0245e cuando la pista está marcada como favorita en Last.fm; si no, usa el mismo color muted que el resto de iconos del popup.
  • Hover de unlove sin temblor: al pasar el ratón sobre un corazón rojo se superpone una versión tachada (corazón con diagonal) en color muted en vez de la animación de temblor anterior, para que la acción de desamar quede más clara.
  • Ctrl + corazón = refrescar estado: manteniendo Ctrl/⌘ pulsado el icono cambia instantáneamente a un refresh circular (sin escalar ni temblar) y al hacer clic fuerza una consulta remota a Last.fm para sincronizar el estado real de loved.
  • 2 intentos de escritura + verify: las acciones de love y unlove prueban primero con los strings crudos de Bandcamp y, si Last.fm no los reconoce, vuelven a intentarlo con los nombres normalizados que devuelve track.getInfo; después de cada intento se verifica el campo userloved para confirmar que el cambio se guardó de verdad.
  • Cache con doble clave + fuzzy match: el estado de favoritos se guarda tanto con la clave Bandcamp como con la clave normalizada de Last.fm, y las búsquedas son insensibles a mayúsculas y espacios para evitar falsos negativos al cambiar de pista o reabrir el popup.
  • Rollback visual honesto: si después de la llamada el valor verificado por Last.fm no coincide con el cambio solicitado, la UI vuelve automáticamente al color correcto en lugar de pintar un estado falso.

Atajos Ctrl / ⌘ (modificador)

  • Ctrl + 3 puntos de la cola: mueve la pista al principio de la cola y cambia el icono del botón por uno de inicio de reproducción.
  • Ctrl + icono abrir URL: copia al portapapeles el enlace de Bandcamp en vez de abrirlo y muestra un check inline.
  • Ctrl + pestaña Last.fm desconectada / corazón desconectado: cambia el icono por una rueda de ajustes y abre la sección de opciones para configurar la conexión.

Interfaz general

  • Iconos SVG con mask-image: todos los iconos (agregar, amor, historial, refresh, inicio de cola, etc.) se han pasado a un sistema uniforme de SVG + mask-image con currentColor.
  • Marquesina animada en Queue / History: títulos y artistas demasiado largos se desplazan automáticamente solo cuando tienen overflow, respetando prefers-reduced-motion.
  • Duración de la cola toggleable: el total temporal de la cola se puede alternar entre formato H:MM y descripción natural; los contadores individuales (current / remaining / total) ya no son clicables.
  • 3 arreglos del modo oscuro: mejor contraste en selects, foco y sliders cuando el tema está en dark.
  • Feedback inline en vez de toast: acciones como copiar URL, abrir enlace o confirmar queue muestran un check animado directamente sobre el botón en lugar de toast flotantes.
  • Ajustes reorganizados en 4 secciones: Playback, Cola / Notificaciones, Last.fm y Acerca de; logging reorganizado. La mezcla de audio del crossfade se ha implementado posteriormente en la versión de desarrollo.
  • Badge overlay de cola: al agregar pistas nuevas aparece un +N superpuesto al icono de la extensión durante unos segundos, usando chrome.storage.session.
  • Beep de confirmación WebAudio: sonido corto opcional al añadir pistas a la cola, configurable desde ajustes con vista previa.
  • Auto-cierre de pestañas solo para álbumes: después de la cuenta atrás la pestaña de Bandcamp se cierra solo cuando se trataba de un álbum completo, nunca para canciones individuales.
  • Icono de inicio de cola en Bandcamp: el botón de añadir como siguiente reproducción que se inyecta en la página usa ahora play-next.svg, con el mismo lenguaje visual que el popup.
  • Firma Last.fm estricta: corrección en la generación de la firma de la API de Last.fm que provocaba errores 403 en escrituras (scrobble, now playing, love, unlove) al comparar strings con sensibilidad base.

v0.2.3 Primeras versiones públicas

  • Añadir pistas y álbumes a la cola desde Bandcamp.
  • Reproductor offscreen persistente aunque el popup se cierre.
  • Historial de reproducciones de los últimos 30 días con vista extendida.
  • Snooze de pistas para detener el autoplay a las N canciones.
  • Integración Last.fm: now playing + scrobbles + conectar/desconectar.
  • Temas claro / oscuro / flat + JSON personalizable e idiomas EN/ES/GL/DE/FR.
  • Controles de volumen con pasos Ctrl + 10, rueda y flechas.
  • Importación / exportación / limpieza de datos.
  • Crossfade de 0–10 s implementado en la versión de desarrollo; pendiente de validación con servicios reales.

Asistencia

Ayuda para probar bandQamp sin fricción

Si algo no suena, no se añade a la cola o Last.fm no conecta, aquí tienes los primeros pasos y el contacto directo.

Contacto

Describe la versión de Chrome, la URL de Bandcamp, qué acción falló y si aparece algún mensaje en el log.

Escribir soporte

Instalación

Instala bandQamp desde Chrome Web Store y comprueba que Chrome muestra la extensión como activa.

Cola de Bandcamp

Recarga la página de Bandcamp si los botones no aparecen o si un álbum no expone previews reproducibles.

Last.fm

Guarda la API Key y Shared Secret, autoriza en Last.fm y vuelve a la extensión para completar la conexión.

Diagnóstico

Activa logging desde ajustes, reproduce el fallo y descarga el log para adjuntarlo al mensaje de soporte.

Instalación

Instala bandQamp desde Chrome Web Store

La extensión ya está disponible en la tienda de Chrome para una instalación directa y más segura.

Añadir a Chrome
  1. 1

    Abre la ficha de bandQamp en Chrome Web Store.

  2. 2

    Pulsa Añadir a Chrome.

  3. 3

    Confirma los permisos y abre Bandcamp para empezar a crear tu cola.

Créditos

Proyecto personal de johnatanmoran

bandQamp es una extensión creada y mantenida como proyecto personal por Johnatan Morán. Puedes apoyar el desarrollo o ver otras extensiones del mismo autor.