2012-02-27 3 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がここに文書化されている:

<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

+0

「sp」の代わりに何を使用する必要がありますか?開発者リンクでは、彼らも 'sp'を使用しています。 – 0846277

+0

彼らはsp.requireを使ってモデルオブジェクトを取得しています。他のすべては、モデルとビューオブジェクトを使用する必要があります。私は自分の答えを更新しました。 – iKenndac

0
http://developer.spotify.com/download/spotify-apps-api/preview/reference/

次のようなアルバムカバーを表示することができます

私は、このプロパティは "イメージ"と呼ばれ、 "カバー"されていないようだと指摘したいと思います。
がそう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

UXのガイドラインでは、必要に応じて再生可能なアルバムカバーを提示する必要があります。これは別のトピックの解決策を使って行うことができます:Views.player album cover

+0

親愛なるポンパー、あなたのコメントが私を助けてくれてありがとう。このソリューションを使用すると、skrillexのアルバムカバーが表示されます。「今再生中のアルバムカバー」の表示方法を教えてください。 – 0846277

+0

この情報はmodels〜playerオブジェクトから取り出すことができます。 var models = sp.require( 'sp:// import/scripts/api/models'); models.Player.track.album トラックが変更されたときに、Player observer listenerを使用して確認してください。models.EVENT.CHANGE – pompa

関連する問題