Spotify

Now playing con carátula, tiempo, siguiente en cola y sesión independiente por navegador/OBS.

URL base: https://overlay.capone.dev/spotify/

Login (una vez por browser source): https://overlay.capone.dev/spotify/login

Cómo vincular en OBS
  1. Poné la URL del browser source en /spotify/login
  2. Clic derecho → Interactuar → autorizá Spotify
  3. Volvé la URL a /spotify/ (o dejá que redirija solo)

Cada fuente de OBS tiene su propia sesión. Login en Chrome no sirve para OBS.

Query parameters

ParamDefaultDescripción
style default Layout del widget:
  • default — horizontal 372px
  • compact — más chico, sin meta/siguiente
  • wide — ancho 480px
  • art — carátula grande, minimal
  • vertical — carátula arriba, texto abajo
hidePaused 60 Segundos pausado antes de ocultar el widget. 0 = nunca ocultar. Ej: hidePaused=120 para 2 minutos.
demo — demo=1 muestra una canción de ejemplo (Playground — Arcane) si no hay sesión o nada sonando. Útil para el playground y pruebas de diseño.
transition, easing, motionDuration smooth / soft / 800 Transición al cambiar de canción. transition: smooth, slide, zoom, fade o none. easing: soft, cubic, quad, back, bounce, spring o expo. motionDuration: 250–1600 ms. motion=0 desactiva las animaciones.
width / w — Ancho total del widget en píxeles. Si no se pasa, depende del style y scale.
height / h — Alto mínimo del widget. Puede crecer si el contenido lo necesita.
scale 1 Escala de carátula y texto 0.5–1.5. No cambia el ancho si usás width.
Visibilidad (default visible; =0 u off oculta)
art visible Carátula del álbum.
label visible Texto superior (Escuchando / Pausado).
title visible Nombre de la canción.
artist visible Artista(s).
meta visible Canción siguiente en la cola.
time visible Tiempo transcurrido / duración.
bar visible Barra de progreso.
eq visible Ecualizador animado sobre la carátula.

Colores

Los params border, bg, text, muted y accent funcionan igual que en LoL. Ver colores.

Ejemplos

Default https://overlay.capone.dev/spotify/
Wide + ocultar tras 90s pausado https://overlay.capone.dev/spotify/?style=wide&hidePaused=90
Compact violeta https://overlay.capone.dev/spotify/?style=compact&border=9b59b6&bg=12081a&accent=1db954
Solo carátula + título (minimal) https://overlay.capone.dev/spotify/?demo=1&artist=0&meta=0&time=0&bar=0&label=0&width=280&height=72
Vertical, nunca ocultar al pausar https://overlay.capone.dev/spotify/?style=vertical&hidePaused=0

Comportamiento

← Docs · Probar overlay · Vincular