为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)";

希望，它对你有用。