Spotify Mate is a device which uses Spotifys WebAPI to give visuals as to what you are currently listening to. Aswell as some functionality to Play, Pause and add to liked songs.
The SpotifyMate firmware, has a GUI which makes the setup and use of the device pretty simple, but to explain a bit more about how the deice works:
-
The device will enter a 'provisioning mode' when first powered on, or without an active network connection, which allows the user to connect to the device and add it to their home WiFi network.
-
The device will also need linking to the users Spotify account, which can be done through a QR code displayed on screen (still under development) - For now this is done through a message in the console.
-
Once this is the done, the device should automatically connect and update whenever the current played track is changed.
-
Should listening become inactive for 5 minutes or longer, the device will enter a sleep mode (still under development)
-
Whilst the device is built for a touchscreen, touch screen functionality is not currently implemented, instead there is a button which has the play/pause and like song functionality. (Still under development)
The firmware for the device provides 3 states a WiFi Provisioning State, a Spotify Connect state (under development) and the main state
Image above is a mockup
This is what the main screen should look like on the final device.
It contains the album artwork front and centre, along with the song title and the artist.
There is also a progress bar which updates about every 2 seconds tracking progress of the song
There is also the 
which is present for explicit songs.
Actual Device View
Image above is a mockup
When the device is powered up and doesn't detect a network it will show this screen, which creates an access point which can be connected to to put the device online. (Currently the device doesn't automatically restart after connecting)
This feature is still being developed
The device will display a screen similar to this with a QR code which can be scanned to connect with your spotify account. Currently this is done through a url displayed in the console, but will be coming in a future update
SpotifyMate is based around and would not function without several libraries. These are:
WiFiManager library by tzapu on Github, for WiFi provisioning.
TFT_eSPI library by Bodmer on Github, for all of the graphics, and touch screen.
TJpg_Decoder library by Bodmer on Github, for pushing JPG's from a URL to the screen.
JPEGDecoder library by Bodmer on Github, this assists in generating the average background colour
ArduinoJSON library by bblanchon on Github, this handles the api responses.
Code: Right Here! STLs: Coming Soon
Alternativly all the above are avalable here:
Coming Soon
Instructables
Current Version: v1.0.0
Version 1.0.0
- This is the first main release of the firmware
- Most of the functionality is present. Still to be added:
- Play/Pause
- Like Song
- Spotify Connection via screen
- There are also some bugs present which will be properly fixed through further testing
Version beta-2.1.1
- Fixed a 401 Error
Version: beta-2.1.0
- Included the loop functionality so the device works with basic functionality
- Fixed some bugs regarding API
- Introduced some more bugs
- Lacking in touch functionality
- Overall in a functional, but pre-release state
Version: beta-2.0.0
- Moved away from the bigger more complex design (Will be developed in the future...) Code here
- Kept all the same code as previously, but amended for a smaller screen
- Added the home page to display song info
- Moved over to using my own API calls rather than those from a library
Version: beta-1.0.0
- Captive Portal is setup and working
- Allows for generation of a refresh token
- Has most of the setup GUI
- API side of the current playing song is there, needs more work however
Version: beta-0.0.1
- Has a Captive Portal setup to allow connection and setup on device power on