Spotify
Spotify Connect player for BRIKA dashboards
83 installs
$brika install @brika/plugin-spotify
Capabilities
3 bricks1 block5 sparks
Localization
Ships translations for 2 languages. Brika picks the active locale from the hub at runtime, falling back to English.
EnglishDEFAULTFrançais
About
Spotify Connect
Spotify playback controller for BRIKA dashboards. Displays now-playing info, album art, and provides full transport controls via the Spotify Web API.
Setup
- Create an app at developer.spotify.com
- Add
http://127.0.0.1:3001/api/oauth/spotify/callbackas a Redirect URI in your Spotify app settings - In BRIKA, go to the plugin preferences and paste your Client ID
- Click the Connect link to authorize
Uses PKCE — no client secret needed.
Brick: Spotify Player
Responsive player that adapts to the grid size:
| Size | Layout |
|---|---|
| 1-2 cols | Album art with play/pause overlay |
| 3-4 cols | Album art background with floating control panel |
| 5+ cols | Split layout — album art left, full controls right |
Height unlocks additional features:
- h >= 3 (medium layout): seek slider
- h >= 4: volume slider
- h >= 5 (large layout): device name badge
Config
| Name | Type | Default | Description |
|---|---|---|---|
refreshInterval | number | 3000 | Polling interval in ms (1000–30000) |
Progress is interpolated locally between polls for smooth UI updates.
Spark: Track Changed
Emitted whenever the playing track changes.
Payload:
| Field | Type | Description |
|---|---|---|
trackName | string | Track title |
artistName | string | Artist name(s), comma-separated |
albumName | string | Album title |
albumArt | string | null | Album art URL (640px) |
timestamp | number | Unix timestamp (ms) |
Scopes
user-read-playback-stateuser-modify-playback-stateuser-read-currently-playing