显示专辑封面答案

【问题标题】：Showing a album cover显示专辑封面
【发布时间】：2012-02-27 23:25:26
【问题描述】：

我想知道如何在我的 Spotify 应用上添加专辑封面？

使用此代码我可以显示专辑标题，但如何显示专辑封面！？

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;
}

}

【问题讨论】：

标签： spotify

【解决方案1】：

请不要使用任何 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;

【讨论】：

但是如何找到封面 URI / 如何放置呢？我检查了这个链接：developer.spotify.com/download/spotify-apps-api/preview/…他们在页面上也有一个例子，但是我怎样才能从我正在播放的歌曲中看到专辑封面？
我需要用什么来代替'sp'？在开发者链接中，他们也使用了“sp”。
他们使用 sp.require 来获取模型对象，就是这样。其他一切都应该使用模型和视图对象。我更新了我的答案。
很抱歉再次打扰您，但我仍然不知道如何弹出它。我需要放置 @index.html 吗？还是您需要在 .js 文件中执行此操作？在我的 .js 文件中得到以下行： var sp = getSpotifyApi(1); var models = sp.require('sp://import/scripts/api/models');出口.init =初始化；函数 init() { var currentTrackCoverUri = models.player.track.album.cover; ........ } 我错过了什么？
这已经超出了这个问题的范围——请查看使用 JavaScript 将文本插入 HTML 的教程。

【解决方案2】：

我想指出，该属性似乎被称为“图像”而不是“封面”。
所以 iKenndac 提供的 sn-p 会被改写为

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。

【讨论】：

【解决方案3】：

用户体验指南要求您在适当的时候展示具有可玩性的专辑封面。这可以通过另一个主题的解决方案来完成：Views.player album cover

【讨论】：

亲爱的 pompa，感谢您的评论对我帮助很大。使用该解决方案，它会显示 skrillex 的专辑封面，您能否指导我如何显示“正在播放的专辑封面”？
您可以从models~player 对象中提取该信息。 var models = sp.require('sp://import/scripts/api/models'); models.Player.track.album 记得使用 Player 观察监听器来查看曲目何时发生变化：models.EVENT.CHANGE