2012-07-30 34 views
0

目前在我的Spotify應用程序中,我有創建相冊播放器的代碼(請參見下文)。相冊播放器的默認大小似乎爲中(128px x 128px)。如何製作使用Spotify應用程序API的大型相冊播放器?

的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,中,大,和XL罩尺寸可供選擇。

如何修改我的代碼以創建一個大(200px x 200px)封面圖片的相冊播放器?

documentation for the Player view似乎沒有幫助。

我已經嘗試使用CSS將#my-album-player div設置爲想要的大小,但這並未調整封面大小。

回答

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通道。

相關問題