search

JESS2005 / ESPotify-Car-Thing

A version of the Spotify car thing made to run on ESP32 with a TFT display.
4 stars 1 forks source link

readme

ESPotify-Car-Thing

A version of the Spotify car thing made to run on ESP32 with a TFT display.

If you just stumbled here, here is a showcase
IMAGE ALT TEXT HERE

Discord for bug reports and questions found here

Requirements

An ESP32
A TFT display (with touch, the code is made for 240x320 with an ILI9341, other sizes will need some code change, untested with other drivers)
Cables/Breadboard

How to build

Connect your display

Follow the diagram below

image
(image taken from here)

Download the required libraries

TFT_eSPI
TJpg_Decoder
Arduino_JSON

Setup the TFT_eSPI library

1: Open the "User_Setup.h" file found in the library's folder
2: Un-comment the line with the driver of your screen
3: Define interface pins

[!NOTE] TFT_MISO 19
TFT_MOSI 23
TFT_SCLK 18
TFT_CS 15
TFT_DC 2
TFT_RST 4
TOUCH_CS 21
TOUCH_CLK 18
TOUCH_DIN 23
TOUCH_DO 19

Add GitHub files

1: Paste the "SpotfiyCustom" folder into \Arduino\libraries
2: Paste the "ESPotify" folder into \Arduino

Upload UI images

[!WARNING] Only works on an Arduino IDE below 2.0

1: Download the ESP32FS tool from here: https://github.com/me-no-dev/arduino-esp32fs-plugin
2: Open the sketch with the IDE
3: got to Tools > ESP32 Sketch Data Upload

Setup Connection

1: Your IDE should still be open, if it isn't open your sketch (any editor is fine)
2: On line 17/18 replace the strings with your WI-FI name and password
3: Open spotify web, login and press ctrl+shift+i
4: Go to Application > Cookies > https://open.spotify.com
5: Copy the value of sp_dc into the string at line 19

[!CAUTION] Don't share this string, unless you want people to be able to log into your spotify account (and see your E-mail)

Upload the sketch to your ESP

1: Just press the button
2: Have fun

To do list