Spotify api добавить трек в плейлист - PullRequest
Новая
       9

Spotify api добавить трек в плейлист

0 голосов
/ 22 декабря 2018

Я использую ReactJS и пытаюсь сделать простой сайт, используя Spotify api .Я также использую пакет js spotify-web-api-js .Мне удалось воспроизвести текущую песню и показать ее в браузере. 

  getNowPlaying(){
spotifyApi.getMyCurrentPlaybackState()
  .then((response) => {
    this.setState({
      nowPlaying: {
          name: response.item.name,
          albumArt: response.item.album.images[0].url
        }
    });
  })
}

 //this is from the github link above

  Constr.prototype.getMyCurrentPlaybackState = function(options, callback) {
    var requestData = {
      url: _baseUri + '/me/player'
    };
    return _checkParamsAndPerformRequest(requestData, options, callback);
  };

Но проблема, с которой я сталкиваюсь, заключается в добавлении трека в мой список воспроизведения.Я пытался использовать функцию replaceTracksInPlaylist из spotify-web-api-js , но мне не удается заставить ее работать, я всегда получаю 403 Запрещенную ошибку. 

  addToPlayList(){
    spotifyApi.addTracksToPlaylist(listID, listOfSongID, callback);
  }

  //this is from the github link above 
  Constr.prototype.replaceTracksInPlaylist = function(playlistId, uris, callback) {
    var requestData = {
      url: _baseUri + '/playlists/' + playlistId + '/tracks',
      type: 'PUT',
      postData: { uris: uris }
    };
    return _checkParamsAndPerformRequest(requestData, {}, callback);
  };

Первый пример также требует аутентификации в качестве маркера доступа, но почему он не работает при добавлении в список воспроизведения?

Я также изменил области действия на правильные, которые в документации API указано, что я должен использовать, playlist-modify-public и playlist-modify-private

var scope = 'playlist-modify-public playlist-modify-private user-read-private user-read-email user-read-playback-state';

Я могу проверитьвызов API с сайта документации API и вставьте в него мой токен oauth, дорожку и идентификатор плейлиста, и это прекрасно работает, я также получаю это обратно от вызова.Я не могу придумать что-нибудь еще, чтобы попытаться получить помощь, чтобы понять следующий шаг.

image

...