{"id":19834512,"url":"https://github.com/thingpulse/esp8266-spotify-remote","last_synced_at":"2025-04-09T08:11:06.096Z","repository":{"id":55630986,"uuid":"138146948","full_name":"ThingPulse/esp8266-spotify-remote","owner":"ThingPulse","description":"Control your Spotify player from a ESP8266 with color touch display","archived":false,"fork":false,"pushed_at":"2023-09-30T10:51:50.000Z","size":887,"stargazers_count":267,"open_issues_count":1,"forks_count":29,"subscribers_count":20,"default_branch":"master","last_synced_at":"2025-04-02T05:08:59.902Z","etag":null,"topics":["arduino-ide","esp8266","esp8266-arduino","spotify","spotify-player"],"latest_commit_sha":null,"homepage":"","language":"C","has_issues":false,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ThingPulse.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2018-06-21T09:09:00.000Z","updated_at":"2025-02-21T08:56:31.000Z","dependencies_parsed_at":"2022-08-15T05:00:21.520Z","dependency_job_id":"935d68e8-a636-4136-9339-dfafb22b423c","html_url":"https://github.com/ThingPulse/esp8266-spotify-remote","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ThingPulse%2Fesp8266-spotify-remote","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ThingPulse%2Fesp8266-spotify-remote/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ThingPulse%2Fesp8266-spotify-remote/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ThingPulse%2Fesp8266-spotify-remote/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ThingPulse","download_url":"https://codeload.github.com/ThingPulse/esp8266-spotify-remote/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247999861,"owners_count":21031046,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["arduino-ide","esp8266","esp8266-arduino","spotify","spotify-player"],"created_at":"2024-11-12T12:04:56.317Z","updated_at":"2025-04-09T08:11:06.071Z","avatar_url":"https://github.com/ThingPulse.png","language":"C","funding_links":[],"categories":[],"sub_categories":[],"readme":"# ThingPulse esp8266-spotify-remote\n\n[![ThingPulse logo](https://thingpulse.com/assets/ThingPulse-w300.svg)](https://thingpulse.com)\n\n## Purpose of this project\n\nThis project lets you control a Spotify player (phone, browser, etc) from an ESP8266. Album artworks as well as title and artist name\nare fetched from Spotify's Web API over WiFi and displayed on a ILI9341 color TFT screen. The currently played song can be\npaused, played and skipped to the next or previous song in the playlist.\n\nA full OAuth 2.0 web flow is used to acquire the necessary access and refresh tokens to permit the user to control the player. In order to\nrun this project on your device you will have to setup an application on Spotify's developer dashboard.\n\n## Features\n\n - Artwork Download\n - Control Player on touch screen: Play, Pause, Next, Prev\n - Authentication and Authorization (OAuth 2.0 flow) On device.\n\nDemo Video:\n\n [![Demo Video](https://img.youtube.com/vi/xKmXMUoo8ps/0.jpg)](https://www.youtube.com/watch?v=xKmXMUoo8ps)\n\n## Recommended Hardware\n\nWe developed this project specifically for our [ESP8266 Color Kit](https://thingpulse.com/product/esp8266-wifi-color-display-kit-2-4/). If you appreciate the hard work and our willingness to open-source projects like this one then please support us by buying our hardware.\n\n\u003ca href=\"https://thingpulse.com/product/esp8266-wifi-color-display-kit-2-4/\"\u003e\n  \u003cimg src=\"https://thingpulse.com/wp-content/uploads/2019/04/ThingPulse-Color-Kit-2-768x534.jpg\" width=\"300\"\u003e\n\u003c/a\u003e\n\n\n## Contributions\n\nPlease see our [Guidelines](CONTRIBUTING.md) if you want to contribute to this project. Contributions are more than welcome!\n\n## Service level promise\n\n\u003ctable\u003e\u003ctr\u003e\u003ctd\u003e\u003cimg src=\"https://thingpulse.com/assets/ThingPulse-open-source-community.png\" width=\"150\"\u003e\n\u003c/td\u003e\u003ctd\u003eThis is a ThingPulse \u003cem\u003ecommunity\u003c/em\u003e project. See our \u003ca href=\"https://thingpulse.com/about/open-source-commitment/\"\u003eopen-source commitment declaration\u003c/a\u003e for what this means.\u003c/td\u003e\u003c/tr\u003e\u003c/table\u003e\n\n## Setup Instructions\n\n### Precondition\n\nThe below instructions assume that your Arduino IDE is properly setup to work with the ThingPulse Color Kit. See our standalone tutorials for [setting up the IDE](https://docs.thingpulse.com/how-tos/Arduino-IDE-for-ESP8266/) and [installing the drivers](https://docs.thingpulse.com/how-tos/install-drivers/) if you need help with that.\n\n### Prepare Project in Arduino IDE\n\n1. Download this project either as ZIP file or check it out with Git\n1. Open the project in the Arduino IDE.\n1. Install the required Arduino libraries. Go to Sketch \u003e Include Library... \u003e Manage Libraries.... Then, for each library, put its name into the text field to have its metadata pulled from the internet and displayed below. Select the latest version and install it.\n\t1. [Mini Grafx](https://www.arduinolibraries.info/libraries/mini-grafx) library (by ThingPulse, V 1.0.0 or later)\n\t1. [JPEGDecoder](https://www.arduinolibraries.info/libraries/jpeg-decoder) library (by Bodmer, Makoto Kurauchi, Rich Geldreich, v1.7.8 or later). After installing the library go to your Arduino sketchbook folder (the one configured in Arduino Preferences \u003e Sketchbook location). In that folder open file `libraries/JPEGDecoder/src/User_config.h` and comment line 5 so that it reads `//#define LOAD_SD_LIBRARY`.\n\t1. [JSON Streaming Parser](https://www.arduinolibraries.info/libraries/json-streaming-parser) library (by Daniel Eichhorn, v1.0.5 or later)\n\t1. [XPT2046 Touch](https://www.arduinolibraries.info/libraries/xpt2046_touchscreen) (by Paul Stoffregen, v1.4 or later)\n1. Set your *WiFi credentials* in the `settings.h` file\n1. Complete the steps below to get the values for the *Spotify settings* required in `settings.h`\n\n### Get Access to the Spotify API\n\n1. Go to [https://developer.spotify.com/dashboard/login](https://developer.spotify.com/dashboard/login) and login to or sign up for the Spotify Developer Dashboard\n\n2. Click on \"My New App\"\n\u003cimg src=\"./images/SpotifyDashboard.png\" width=\"400\"\u003e\n\n3. Fill out the form. Give your new app a name you can attribute to this project. It's safe to select \"I don't know\" for the type of application.\n\u003cimg src=\"./images/SpotifyAppSignUp1.png\" width=\"400\"\u003e\n\n4. At the end of the 3 steps click \"Submit\"\n\u003cimg src=\"./images/SpotifyppSignUp3.png\" width=\"400\"\u003e\n\n5. Set the unique Client ID and Client Secret as values for the respective variables in `settings.h`\n\u003cimg src=\"./images/SpotifyCredentials.png\" width=\"400\"\u003e\n\n6. Click on \"Edit Settings\". Add \"http://esp8266.local/callback/\" to the Redirect URIs section.\n\n   **NOTE** If you're running more than ThingPulse Spotify Remote in the same WiFi network you should choose a unique name rather than \"esp8266\". Regardless of what you choose it has to reflect what you set as `espotifierNodeName` in `settings.h`\n\u003cimg src=\"./images/SpotifyAppSettings.png\" width=\"400\"\u003e\n\n7. Don't forget to save your settings.\n\u003cimg src=\"./images/SpotifyAppSettingsSave.png\" width=\"400\"\u003e\n\n### Compile and run the application\n\nAfter all this configuration it's about time to run the application!\n\n1. First check the configuration in `settings.h` one more time to ensure the Spotify values match those set on the Spotify Developer Dashboard. Better safe than sorry, they say.\n\n2. Attach your [ESP8266 Color Kit](https://thingpulse.com/product/esp8266-wifi-color-display-kit-2-4/) to your computer and select the correct serial port and flash settings in the Arduino IDE as per https://docs.thingpulse.com/guides/wifi-color-display-kit/#select-flash-mode-and-flash-size\n\n3. Upload the code to your ESP8266\n\n4. When you run this the first time you'll have to go through additional steps. The display will ask you to open the browser at a specific location. This will redirect you to the dialog below.\n\u003cimg src=\"./images/SpotifyConnectScreen.png\" width=\"400\"\u003e\n\n5. The next step is to calibrate the screen. Click on the white circles\n\n6. Now open your Spotify player and start a song. If everything worked out you'll see the song information with artwork on the TFT screen!\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fthingpulse%2Fesp8266-spotify-remote","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fthingpulse%2Fesp8266-spotify-remote","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fthingpulse%2Fesp8266-spotify-remote/lists"}