Spotify App API：创建来自艺术家的热门曲目的播放器

Question

我现在在使用 Toplists 和 Image 时遇到困难，我希望有人可以帮助我。本质上，我想做的就是创建一个播放器和播放列表，其中包含艺术家的热门曲目。我尝试使用搜索，因为我无法从 Toplists 中获得所需的行为，但这并没有让我更接近，所以我想我会在这里问。

基本上，功能应该：

1. 获取艺术家姓名或艺术家 ID
2. 找出艺术家排名前 10 的曲目
3. 创建一个新的临时播放列表并添加 10 个曲目
4. 创建并插入播放器和播放列表

这看起来很容易，但它让我有点发疯。

Answer 1

您可以使用Toplist.forArtist 函数获取艺术家的前 10 首曲目。

以下代码获取艺术家的前 10 首热门曲目并呈现列表视图和播放器：

require(['$api/toplists#Toplist', '$views/list#List', '$views/image#Image'],
  function(Toplist, List, Image) {

  var artist = models.Artist.fromURI('spotify:artist:2qk9voo8llSGYcZ6xrBzKx');
  var toplist = Toplist.forArtist(artist);

  // fetch the 10 most played tracks
  toplist.tracks.snapshot(0, 10).done(function(tracks) {

    // create temporary playlist
    models.Playlist
      .createTemporary('myTempList')
      .done(function(playlist){ 
        playlist.load('tracks').done(function(){
          for (var i = 0, l = tracks.length; i < l; i++) {
              var track = tracks.get(i);
              playlist.tracks.add(track);
          }

          // append a list view
          var listWrapper = document.getElementById('list-wrapper');
          var list = List.forPlaylist(playlist);
          listWrapper.appendChild(list.node);
          list.init();

          // append a player
          // note that you might have a grey placeholder
          // see https://stackoverflow.com/questions/17477655
          var playerWrapper = document.getElementById('player-wrapper');
          var player = Image.forPlaylist(playlist, {player: true});
          playerWrapper.appendChild(player.node);
      });
    });
  });
});

JS 代码引用 2 个将包含视图的占位符：

    <div id="list-wrapper"></div>
    <div id="player-wrapper"></div>

请注意，由于mosaic cover images for temporary playlist 存在问题，您可能需要将默认封面占位符替换为另一张图片。

Answer 2

不幸的是，看来你必须暴力破解它。

• 通过以下方式获取艺术家的所有曲目：
  • 迭代所有Artist's 专辑、出场、合辑、单曲并收集所有曲目
  • 使用文档很少但可能很容易猜到的Search 模块并搜索艺术家，希望得到他们所有的曲目。这是advanced search docs
• 检索所有曲目的流行度
• 查找人气最高的十首曲目