如何使用 Spotify 应用 API 制作大型专辑播放器？答案

【问题标题】：How can I make a Large album player using Spotify apps API?如何使用 Spotify 应用 API 制作大型专辑播放器？
【发布时间】：2012-07-30 09:27:40
【问题描述】：

目前在我的 Spotify 应用程序中，我有创建专辑播放器的代码（见下文）。专辑播放器的默认大小似乎是 Medium (128px x 128px)。

JavaScript

var sp = getSpotifyApi(1),
models = sp.require("sp://import/scripts/api/models"),
views = sp.require("sp://import/scripts/api/views"),
dom = sp.require('sp://import/scripts/dom');

models.Album.fromURI('spotify:album:2fUrVWDYASjthLVsVH53zP', function(context){
  var player = new views.Player();
  player.context = context;
  sp.dom.adopt(sp.dom.queryOne('#my-album-player'), player.node);
});

HTML：

...
<div id="#my-album-player"></div>
...

design guidelines（参见第 16.5 项）表明有 Samll、Medium、Large 和 XL 封面尺寸可供选择。

如何修改我的代码以创建带有大 (200 像素 x 200 像素) 封面图片的专辑播放器？

documentation for the Player view 似乎没有帮助。

我尝试使用 CSS 将 #my-album-player div 设置为所需大小，但这并没有调整封面大小。

【问题讨论】：

标签： javascript api spotify

【解决方案1】：

原来这可以用 CSS 来完成：

.sp-player {
  display: block !important; 
  height: 100% !important; 
  width: 100% !important;
}

#wrapper {
  width: 200px;
  height: 200px;
}

还有 HTML：

<div id="wrapper">
  <div id="#my-album-player"></div>
</div>

感谢 freenode #spotify IRC 频道上的 Simon。

【讨论】：