2012-02-27 105 views
0

我想知道如何在我的spotify-app上添加專輯封面?顯示專輯封面

有了這段代碼,我可以揭示專輯的標題,但我該如何顯示專輯封面!?

function updatePageWithAlbumName() { 

var header = document.getElementById("album"); 

// This will be null if nothing is playing. 
var playerTrackInfo = sp.trackPlayer.getNowPlayingTrack(); 

if (playerTrackInfo == null) { 
    header.innerText = "Geen album!"; 
} else { 
    var track = playerTrackInfo.track; 
    header.innerText = track.album.name; 
} 

}

回答

0

請不要使用任何sp.的API - 它們是私有的,並很快消失。

公共API記錄在這裏:http://developer.spotify.com/download/spotify-apps-api/preview/reference/

可以顯示專輯封面是這樣的:

<img src="[cover URI]"> 

編輯:爲了得到當前曲目的封面URI:

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

var currentTrackCoverUri = models.player.track.album.cover; 
+0

但是我怎樣才能找到封面的URI /如何放置它?我檢查了這個鏈接:http://developer.spotify.com/download/spotify-apps-api/preview/reference/4c26b7e8e0.html 他們在頁面上也有一個例子,但是我怎樣才能看到專輯封面我正在玩的歌? – 0846277 2012-02-28 23:14:48

+0

我需要用什麼來代替'sp'?在開發者鏈接中,他們也使用'sp'。 – 0846277 2012-02-28 23:16:03

+0

他們使用sp.require來獲取模型對象,就是這樣。其他一切應該使用模型和視圖對象。我更新了我的答案。 – iKenndac 2012-02-29 11:53:21

0

我想指出,該物業似乎被稱爲「形象」,而不是「封面」。
因此,通過iKenndac提供的片段會被改寫爲

var sp = getSpotifyApi(1); 
var models = sp.require('sp://import/scripts/api/models'); 
var currentTrackCoverUri = models.player.track.album.image; 

不知道這取決於我的Spotify的版本,我跑0.8.10.3.g07d01e81。

0

用戶體驗指南要求您在適當的時候呈現帶有可播放性的專輯封面。這可以用另一個主題的解決方案來完成:Views.player album cover

+0

親愛的朋友,謝謝你的評論幫助我很好。有了這個解決方案,它顯示了skrillex的專輯封面,你能給我一個關於如何展示'現在播放專輯封面'的方向嗎? – 0846277 2012-03-09 08:20:19

+0

您可以從模型〜播放器對象中提取該信息。 var models = sp.require('sp:// import/scripts/api/models'); models.Player.track.album 記得使用播放器觀察監聽器,以查看音軌更改的時間:models.EVENT.CHANGE – pompa 2012-03-09 11:03:34