2012-04-08 97 views
2

我正在嘗試爲Spotify播放列表創建自定義視圖。現在,我在我的應用程序創建一個播放列表視圖中使用下列內容:爲Spotify播放列表創建自定義視圖

var playlist = models.Playlist.fromURI(myPlaylist); 
var playerView = new views.Player(); 
playerView.track = playlist.get(0); 
playerView.context = playlist; 
var cover = playlist.get(0).data.album.cover; 
$('#grid').append(playerView.node); 

默認的Spotify播放列表視圖中有專輯編譯爲藝術,並點擊播放列表中還提供了播放列表直接訪問。我想改變這一點,以便我可以將播放列表藝術設置爲上面的封面變量(或其他自定義圖像),並限制超鏈接,以便它不訪問播放列表,但僅啓動播放/暫停。

我試圖直接編輯節點innerHTML,但播放列表實際上並沒有開始播放。有沒有簡單的方法來編輯默認的Spotify視圖,或者是否有可用於創建自定義視圖的示例代碼?

+0

如果您希望僅在應用中更改封面或在Spotify中的本地播放列表中更改此封面? – 2012-04-09 06:43:04

+0

只是在應用程序本身。也可能需要一些幫助才能正確加載,因爲在第1行設置後播放列表未完全加載,這意味着playerview無法始終設置曲目。 – viagrawal 2012-04-09 20:39:56

回答

0

如果它只是在應用程序本身,您可以覆蓋播放器的CSS和HTML。這裏是我做的事:

先在CSS:

.sp-image-loaded { opacity: 0; } 

在HTML:

player.node.firstChild.style.backgroundImage = "url(myimage.jpg)"; 

希望,它爲你工作。

+0

非常感謝Geraud。這工作得很好!好奇我是否也可以編輯href,以便它實際上啓動播放事件(或無事件)而不是鏈接到播放列表? – viagrawal 2012-04-11 00:05:27