JSFiddle - React, Tailwind, and code Playground

by Michał Oręziak

JavaScript

window.onSpotifyWebPlaybackSDKReady = () => {
      const token = 'BQAEv_s1ibe5WDbIIMup8Lx2mb_yNUqAhqdgovn49zZWc4CK615uS47yxz5E8tOi51Cx8LomegUaTUoU_Wpt6YABBfSJRA1KsBomwmYSlMpb0cC3guc-iAsHDXLy0MRZe7vU2oRVvmQ-UueLP76NYJGSThQGrG4k9dMKrQ';
      const player = new Spotify.Player({
        name: 'Web Playback SDK Quick Start Player',
        getOAuthToken: cb => { cb(token); }
      });

      // Error handling
      player.addListener('initialization_error', ({ message }) => { console.error(message); });
      player.addListener('authentication_error', ({ message }) => { console.error(message); });
      player.addListener('account_error', ({ message }) => { console.error(message); });
      player.addListener('playback_error', ({ message }) => { console.error(message); });

      // Playback status updates
      player.addListener('player_state_changed', state => { console.log(state); });

      // Ready
      player.addListener('ready', ({ device_id }) => {
        console.log('Ready with Device ID', device_id);
      });

      // Connect to the player!
      player.connect();
    };