Spotify API extension and sample widget for Quasar.
quasar-spotify-api is licensed under GPL-3.0. Sample widget spotify-now-playing is licensed under the MIT license.
- Goto the Spotify Developer Dashboard and log into your Spotify account.
- Click Create an App, and give it an App name and description of your choosing.
- Once the app is registered, click Edit Settings, and add
http://127.0.0.1:1337/callbackunder Redirect URIs. - Under Users and Access, add your Spotify account.
- (Re)start Quasar, then right click the Quasar tray icon, select Settings > spotify-api.
- Under the Settings tab, copy your Client ID and Client Secret from the Dashboard to the fields, and click OK.
- You will be sent to the app authorization page on your browser. Authorize the app.
- Load your widgets that uses quasar-spotify-api.
Since the Spotify API is rate limited for each App, this extension does not provide its own Client ID/Secret. Register your own App on the Spotify Developer Dashboard and set up your Client ID and Secret in Quasar settings. Make sure whitelisted Redirect URIs is set to http://127.0.0.1:1337/callback
Source code is available on GitHub.
This repository should be built as a part of the main Quasar CMake project. See the Quasar repository for more information.
- Visual Studio 2022 or later.
- Qt 6.4 or later, with the optional Network Authorization module.
- CMake 3.23 or later
Build as a part of the main Quasar CMake project with the option BUILD_SPOTIFY_API set to ON.
- Qt 6.4 or later, with the optional qtnetworkauth module
- GCC 11+ or Clang 15+
- CMake 3.23+
Build as a part of the main Quasar CMake project with the option BUILD_SPOTIFY_API set to ON.
quasar-spotify-api implements most of Spotify's Player Endpoint as Quasar Data Sources. See the Spotify API Reference for more details.
These include:
currently-playingvolumeplayerpreviousrecently-playednextpauserepeatplayseekshuffledevices
Query:
{
"method": "query",
"params": {
"topics": ["spotify-api/currently-playing"]
}
}Response:
{
"spotify-api/currently-playing": {
"actions": {
"disallows": {
"resuming": true,
"skipping_prev": true
}
},
"context": {
"external_urls": {
"spotify": "https://open.spotify.com/artist/1uNFoZAHBGtllmzznpCI3s"
},
"href": "https://api.spotify.com/v1/artists/1uNFoZAHBGtllmzznpCI3s",
"type": "artist",
"uri": "spotify:artist:1uNFoZAHBGtllmzznpCI3s"
},
"currently_playing_type": "track",
"is_playing": true,
"item": {
"album": {
"album_type": "album",
"artists": [
{
"external_urls": {
"spotify": "https://open.spotify.com/artist/1uNFoZAHBGtllmzznpCI3s"
},
"href": "https://api.spotify.com/v1/artists/1uNFoZAHBGtllmzznpCI3s",
"id": "1uNFoZAHBGtllmzznpCI3s",
"name": "Justin Bieber",
"type": "artist",
"uri": "spotify:artist:1uNFoZAHBGtllmzznpCI3s"
}
],
"available_markets": [
"AD",
"AE",
"AR",
"AT",
"AU",
"BE",
"BG",
"BH",
"BO",
"BR",
"CA",
"CH",
"CL",
"CO",
"CR",
"CY",
"CZ",
"DE",
"DK",
"DO",
"DZ",
"EC",
"EE",
"EG",
"ES",
"FI",
"FR",
"GB",
"GR",
"GT",
"HK",
"HN",
"HU",
"ID",
"IE",
"IL",
"IN",
"IS",
"IT",
"JO",
"JP",
"KW",
"LB",
"LI",
"LT",
"LU",
"LV",
"MA",
"MC",
"MT",
"MX",
"MY",
"NI",
"NL",
"NO",
"NZ",
"OM",
"PA",
"PE",
"PH",
"PL",
"PS",
"PT",
"PY",
"QA",
"RO",
"SA",
"SG",
"SK",
"SV",
"TH",
"TN",
"TR",
"TW",
"US",
"UY",
"VN",
"ZA"
],
"external_urls": {
"spotify": "https://open.spotify.com/album/3BmcYMh0KYsimWL6p2gPa9"
},
"href": "https://api.spotify.com/v1/albums/3BmcYMh0KYsimWL6p2gPa9",
"id": "3BmcYMh0KYsimWL6p2gPa9",
"images": [
{
"height": 640,
"url": "https://i.scdn.co/image/4a334e8018ca1df508e1ba39e6bf84af656f3476",
"width": 640
},
{
"height": 300,
"url": "https://i.scdn.co/image/cb0d278295235a24110f48ba10b080d2b5e46fdf",
"width": 300
},
{
"height": 64,
"url": "https://i.scdn.co/image/f1292cc92e5da710eb92c4ab531c2250966df2bc",
"width": 64
}
],
"name": "My World 2.0",
"release_date": "2010-01-01",
"release_date_precision": "day",
"total_tracks": 10,
"type": "album",
"uri": "spotify:album:3BmcYMh0KYsimWL6p2gPa9"
},
"artists": [
{
"external_urls": {
"spotify": "https://open.spotify.com/artist/1uNFoZAHBGtllmzznpCI3s"
},
"href": "https://api.spotify.com/v1/artists/1uNFoZAHBGtllmzznpCI3s",
"id": "1uNFoZAHBGtllmzznpCI3s",
"name": "Justin Bieber",
"type": "artist",
"uri": "spotify:artist:1uNFoZAHBGtllmzznpCI3s"
},
{
"external_urls": {
"spotify": "https://open.spotify.com/artist/3ipn9JLAPI5GUEo4y4jcoi"
},
"href": "https://api.spotify.com/v1/artists/3ipn9JLAPI5GUEo4y4jcoi",
"id": "3ipn9JLAPI5GUEo4y4jcoi",
"name": "Ludacris",
"type": "artist",
"uri": "spotify:artist:3ipn9JLAPI5GUEo4y4jcoi"
}
],
"available_markets": [
"AD",
"AE",
"AR",
"AT",
"AU",
"BE",
"BG",
"BH",
"BO",
"BR",
"CA",
"CH",
"CL",
"CO",
"CR",
"CY",
"CZ",
"DE",
"DK",
"DO",
"DZ",
"EC",
"EE",
"EG",
"ES",
"FI",
"FR",
"GB",
"GR",
"GT",
"HK",
"HN",
"HU",
"ID",
"IE",
"IL",
"IN",
"IS",
"IT",
"JO",
"JP",
"KW",
"LB",
"LI",
"LT",
"LU",
"LV",
"MA",
"MC",
"MT",
"MX",
"MY",
"NI",
"NL",
"NO",
"NZ",
"OM",
"PA",
"PE",
"PH",
"PL",
"PS",
"PT",
"PY",
"QA",
"RO",
"SA",
"SG",
"SK",
"SV",
"TH",
"TN",
"TR",
"TW",
"US",
"UY",
"VN",
"ZA"
],
"disc_number": 1,
"duration_ms": 214240,
"explicit": false,
"external_ids": {
"isrc": "USUM70919263"
},
"external_urls": {
"spotify": "https://open.spotify.com/track/6epn3r7S14KUqlReYr77hA"
},
"href": "https://api.spotify.com/v1/tracks/6epn3r7S14KUqlReYr77hA",
"id": "6epn3r7S14KUqlReYr77hA",
"is_local": false,
"name": "Baby",
"popularity": 73,
"preview_url": "https://p.scdn.co/mp3-preview/a7457c94f24ced0115c865b325e031ea6fb2a964?cid=ec6cd44b9caa4e91a2eff04ad431dcdd",
"track_number": 1,
"type": "track",
"uri": "spotify:track:6epn3r7S14KUqlReYr77hA"
},
"progress_ms": 8097,
"timestamp": 1558398525866
}
}Query:
{
"method": "query",
"params": {
"topics": ["spotify-api/play"],
"args": {
"device_id": "yourdeviceidhere",
"context_uri": "spotify:album:6pYNEn4tMc6gdv5fIZf5yn",
"offset": {
"position": 9
}
}
}
}Response:
No response. The track should start playing on your Spotify client.