spotify - 为 Spotify 播放列表创建自定义视图

Question

我正在尝试为 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 视图，或者是否有可用的示例代码来创建自定义视图？

Answer 1

如果只是在应用程序本身中，您可以覆盖播放器的 CSS 和 HTML。这是我的做法：

首先在 CSS 中：

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

在 HTML 中：

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

希望，它对你有用。