jQuery addClass example

Change class name on click in jQuery

by techunter

HTML

<script src="https://sdk.scdn.co/spotify-player.js"></script>

JavaScript

window.addEventListener('onWidgetLoad', function(obj) {
  const params = obj.detail.fieldData;
const token = params.apiToken;
  const player = new Spotify.Player({
    name: 'Twitch Stream',
    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', ({
  position,
  duration,
  track_window: { current_track }
}) => {
   $('.main-container').text(current_track);
});

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

  // Not Ready
  player.addListener('not_ready', ({ device_id }) => {
    console.log('Device ID has gone offline', device_id);
  });

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