- playing around with the spotify API

Author: TobiasMue91

tools/spotify_test.html

@@ -52,6 +52,10 @@
         <button onclick="getVolume()">Get Volume</button>
         <button onclick="setVolume(0.5)">Set Volume 50%</button>
     </div>
+    <div>
+        <input type="text" id="trackUri" placeholder="Spotify URI (e.g., spotify:track:xxx)">
+        <button onclick="playTrack()">Play This Track</button>
+    </div>
 </div>
 
 <script>
@@ -203,6 +207,33 @@
         const result = await playerInstance.setVolume(value);
         updateStatus(`Set volume result: ${JSON.stringify(result)}`);
     }
+
+    async function playTrack() {
+        const params = getHashParams();
+        const token = params.access_token;
+        const trackUri = document.getElementById('trackUri').value;
+
+        try {
+            const response = await fetch('https://api.spotify.com/v1/me/player/play', {
+                method: 'PUT',
+                headers: {
+                    'Authorization': `Bearer ${token}`,
+                    'Content-Type': 'application/json'
+                },
+                body: JSON.stringify({
+                    uris: [trackUri]
+                })
+            });
+
+            if (response.status === 204) {
+                updateStatus('Started playing track');
+            } else {
+                updateStatus('Failed to play track: ' + response.status);
+            }
+        } catch (error) {
+            updateStatus('Error playing track: ' + error);
+        }
+    }
 </script>
 <script src="https://sdk.scdn.co/spotify-player.js"></script>
 </body>