目前,在我的 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 条)建议有小号、中号、大号和 XL 号封面尺寸可供选择。
如何修改代码来创建具有大 (200 像素 x 200 像素) 封面图像的专辑播放器?
documentation for the Player view似乎没有帮助。
我尝试使用 CSS 将 #my-album-player div 设置为所需的大小,但这并没有调整封面大小。
最佳答案
事实证明这可以通过 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 channel 上的 Simon。
关于javascript - 如何使用 Spotify 应用程序 API 制作大型专辑播放器?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11718663/