Spotify javascript API - 获取播放列表中歌曲的流派

Question

我目前正在使用非常酷的应用程序 Exportify (https://github.com/watsonbox/exportify) 将 Spotify 播放列表导出到 CSV。

我的 JavaScript 知识很糟糕，但我目前正在尝试包含每首曲目的流派，但我在检索它时遇到了困难。

我假设：

我必须通过艺术家了解流派。
播放列表 API 返回一个简单的艺术家对象，它只能获取 ID，而不是流派 (https://developer.spotify.com/web-api/get-playlists-tracks/)
为了获得流派，我必须使用艺术家 ID 进一步查找艺术家（https://developer.spotify.com/web-api/object-model/#artist-object-full）

我可以通过添加

来获取艺术家ID

item.track.artists.map(function (artist) {
  return artist.id
}).join(', '),

到

exportify.js

文件中的以下代码。

var tracks = responses.map(function (response) {
  return response.items.map(function (item) {
    return [
      item.track.uri,
      item.track.id,
      item.track.name,
      item.track.artists.map(function (artist) {
        return artist.name
      }).join(', '),
      item.track.artists.map(function (artist) {
        return artist.id
      }).join(', '),
      item.track.album.name,
      item.track.disc_number,
      item.track.track_number,
      item.track.duration_ms,
      item.added_by == null ? '' : item.added_by.uri,
      item.added_at
    ].map(function (track) {
      return '"' + track + '"';
    })
  });
});

谁能告诉我如何根据艺术家 ID 获取艺术家流派并将其添加为另一列？

谢谢

克里斯

Answer 1

使用 Spotify 中的“获取艺术家”端点：

https://developer.spotify.com/documentation/web-api/reference/get-an-artist

调用此端点将根据艺术家 ID 获取艺术家的流派。

Answer 2

我已经实现了！

下面是来自 https://github.com/pavelkomarov/exportify/blob/master/exportify.js 的函数，它可以进行所有必要的 API 查询。我的

apiCall

函数也在该文件中。它正在使用

fetch

。

首先，我发送对播放列表中的歌曲块的请求。
然后我将这些消息聚合到一个数据表和一组艺术家中。
然后我使用艺术家集来查询流派信息。
然后我将其加入数据并写入 csv。

因为这一切都是通过网络发生的，所以每个新步骤都必须包含在

.then()

中，这取决于先前对象的解析。值得庆幸的是，近年来 JavaScript 在这方面变得更加优雅。 https://eloquentjavascript.net/11_async.html

实时应用程序位于这里。我还创建了一个笔记本来分析输出。

csvData(access_token, playlist) {
    // Make asynchronous API calls for 100 songs at a time, and put the results (all Promises) in a list.
    let requests = [];
    for (let offset = 0; offset < playlist.tracks.total; offset = offset + 100) {
        requests.push(utils.apiCall(playlist.tracks.href.split('?')[0] + '?offset=' + offset + '&limit=100',
                access_token));
    }

    // "returns a single Promise that resolves when all of the promises passed as an iterable have resolved"
    // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise/all
    let artist_hrefs = new Set();
    let data_promise = Promise.all(requests).then(responses => {
        return responses.map(response => { // apply to all responses
            return response.items.map(song => { // appy to all songs in each response
                song.track.artists.forEach(a => { artist_hrefs.add(a.href) });
                return [song.track.uri, '"'+song.track.name.replace(/"/g,'')+'"', '"'+song.track.album.name.replace(/"/g,'')+'"',
                    song.track.duration_ms, song.track.popularity, song.track.album.release_date,
                    '"'+song.track.artists.map(artist => { return artist.name }).join(',')+'"',
                    song.added_by.uri, song.added_at]
            });
        });
    });

    // Make queries on all the artists, because this json is where genre information lives. Unfortunately this
    // means a second wave of traffic.
    let genre_promise = data_promise.then(() => {
        let artists_promises = Array.from(artist_hrefs).map(href => utils.apiCall(href, access_token));
        return Promise.all(artists_promises).then(responses => {
          let artist_genres = {};
          responses.forEach(artist => { artist_genres[artist.name] = artist.genres.join(','); });
          return artist_genres;
        });
    });

    // join genres to the table, label the columns, and put all data in a single csv string
    return Promise.all([data_promise, genre_promise]).then(values => {
        [data, artist_genres] = values;

        data = data.flat();
        data.forEach(row => {
            artists = row[6].substring(1, row[6].length-1).split(','); // strip the quotes
            deduplicated_genres = new Set(artists.map(a => artist_genres[a]).join(",").split(",")); // join and split and take set
            row.push('"'+Array.from(deduplicated_genres).filter(x => x != "").join(",")+'"'); // remove empty strings
        });
        data.unshift(["Spotify URI", "Track Name", "Album Name", "Duration (ms)",
            "Popularity", "Release Date", "Artist Name(s)", "Added By", "Added At", "Genres"]);

        csv = '';
        data.forEach(row => { csv += row.join(",") + "\n" });
        return csv;
    });
},