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

时间:2012-07-30 09:27:40

标签: javascript api spotify

目前在我的Spotify应用程序中,我有代码来创建专辑播放器(见下文)。专辑播放器的默认大小似乎是中等(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封面尺寸。

如何修改我的代码以创建具有大(200px x 200px)封面图像的专辑播放器?

documentation for the Player view似乎无济于事。

我尝试使用CSS将#my-album-player div设置为所需尺寸,但这并未调整封面尺寸。

1 个答案:

答案 0 :(得分:3)

事实证明这可以通过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>

感谢Simon在freenode #spotify IRC频道。