Oplà Spotify Controller

Arduino Oplà IoT Kit

Spotify Premium

<h3 >Arduino Spotify Controller</h3><p ><span >This project has won the 3rd place 🥉 award on</span><a href="https://blog.arduino.cc/2022/03/26/top-three-arduino-cloud-games-projects-revealed/"> Arduino Cloud Games 2022</a><span >!</span></p><p >This project makes you control your Spotify player using your Arduino Oplà IoT kit. #cloudgames2022</p><h3 >Implementation Tutorial</h3><p >To implement this project, you need to authenticate with Spotify using OAuth2 flow. The details of OAuth2 flow can be seen in the picture below.</p><figure><img src=https://projects.arduinocontent.cc/6508cc42-1694-4a4d-8ecf-f25b684f0f85.png /><figcaption>OAuth2 Authentication</figcaption></figure><p ><span >To use the OAuth2 flow, you need create a Spotify application </span><a href="https://developer.spotify.com/dashboard/applications">here</a><span >.</span></p><div id="gallery"><img id="gallery" src=https://projects.arduinocontent.cc/a2623440-2f6c-41ae-a33e-327c85b46d05.png /><figcaption>Create a Spotify Application</figcaption><img id="gallery" src=https://projects.arduinocontent.cc/61d5fe0a-35c3-4004-b55e-aac5967cd8f6.png /><figcaption>Enter Name and Description</figcaption></div><p >After creating your application, copy your Client ID and Client Secret to the secret tab of your editor.</p><div id="gallery"><img id="gallery" src=https://projects.arduinocontent.cc/1408be23-07ab-4007-b975-15204d4ddcf1.png /><figcaption>Secret Tab</figcaption><img id="gallery" src=https://projects.arduinocontent.cc/5fd89f42-a818-45ee-a8f5-4428623871a1.png /><figcaption>Client ID and Secret</figcaption></div><p >After creating your application, boot up your Arduino and you'll see an IP address prompt like below.</p><figure><img src=https://projects.arduinocontent.cc/0570a958-a75d-465c-a837-a2a37493b172.jpg /><figcaption>Arduino's IP address</figcaption></figure><p >You have to enter a redirect URI using your Arduino's IP address to your Spotify application. You can use the template below.</p><p ><code >http://[Arduino's IP address]/redirect/</code></p><figure><img src=https://projects.arduinocontent.cc/e008075d-9d43-4191-88e3-e59004b0a88a.png /><figcaption>Enter Redirect URI</figcaption></figure><p >After adding the Redirect URI, simply enter your Arduino's IP address to your browser and you'll be greeted with the authentication webpage.</p><div id="gallery"><img id="gallery" src=https://projects.arduinocontent.cc/ee040028-2451-4039-b836-32a07665e72f.png /><figcaption>Authentication Page</figcaption><img id="gallery" src=https://projects.arduinocontent.cc/d89a8e37-673c-4339-b1b4-ee6ada9808e4.png /><figcaption>Give Spotify permissions.</figcaption><img id="gallery" src=https://projects.arduinocontent.cc/42d9a174-c0a8-49c9-b760-72b7b1b9983f.png /><figcaption>Success</figcaption></div><p >After you get the &#34;Authenticated!&#34; message, you will see this at your Arduino's screen.</p><figure><img src=https://projects.arduinocontent.cc/e4de312d-ac84-4953-9986-14cdbf6f87d7.jpeg /><figcaption>Arduino Spotify Controller</figcaption></figure><p >If you didn't open Spotify before, open it and play a song. Pressing a button will update your Arduino's screen. You can press the buttons to Skip to Next, Skip to Previous, Play/Pause, Increase Volume and Decrease Volume. Please note that volume controls are not supported in mobile by Spotify API.</p><h3 >Using Arduino IoT Cloud</h3><p >Your Arduino will use the IoT Cloud to show you the information of your player. You can see my IoT Cloud dashboard below.</p><figure><img src=https://projects.arduinocontent.cc/52826607-6735-40cd-a688-981dce1e43f8.png /><figcaption>IoT Cloud Dashboard</figcaption></figure><h3 >Special Thanks</h3><p >I would like to thank Benoît Blanchon for creating the ArduinoJson library, Brian Lough for creating the Arduino Spotify API, and Jasper van Loenen for creating the image2cpp tool.</p><h3 >Contribution</h3><p ><span >If you would like to contribute, please open a pull request on my </span><a href="https://github.com/altugbakan/arduino-spotify-controller">GitHub</a><span >.</span></p>

Oplà Spotify Controller

Control your Spotify player using your Oplà IoT Kit!