- playing around with the spotify API

Author: TobiasMue91

tools/spotify_test.html

@@ -38,17 +38,22 @@
     <button onclick="togglePlay()">Play/Pause</button>
 </div>
 
-<script src="https://sdk.scdn.co/spotify-player.js"></script>
 <script>
     let playerInstance = null;
     const redirectUri = 'http://gptgames.dev/tools/spotify_test.html';
 
+    window.onSpotifyWebPlaybackSDKReady = () => {
+        const params = getHashParams();
+        if (params.access_token) {
+            initializePlayer(params.access_token);
+        }
+    };
+
     async function startAuth() {
         const clientId = document.getElementById('clientId').value;
         const state = Math.random().toString(36).substring(7);
         const scope = 'streaming user-read-email user-read-private';
 
-        // Using Implicit Grant Flow instead of Authorization Code Flow
         const authUrl = `https://accounts.spotify.com/authorize?client_id=${clientId}` +
             `&response_type=token` +
             `&redirect_uri=${encodeURIComponent(redirectUri)}` +
@@ -103,14 +108,7 @@
             playerInstance.togglePlay();
         }
     }
-
-    // Check if we're returning from auth
-    if (window.location.hash) {
-        const params = getHashParams();
-        if (params.access_token) {
-            initializePlayer(params.access_token);
-        }
-    }
 </script>
+<script src="https://sdk.scdn.co/spotify-player.js"></script>
 </body>
 </html>