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

我正在尝试为Spotify播放列表创建自定义视图。现在，我在我的应用程序创建一个播放列表视图中使用下列内容：为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视图，或者是否有可用于创建自定义视图的示例代码？

来源

2012-04-08 viagrawal

如果您希望仅在应用中更改封面或在Spotify中的本地播放列表中更改此封面？ – 2012-04-09 06:43:04

只是在应用程序本身。也可能需要一些帮助才能正确加载，因为在第1行设置后播放列表未完全加载，这意味着playerview无法始终设置曲目。 – viagrawal 2012-04-09 20:39:56

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

先在CSS：

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

在HTML：

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

希望，它为你工作。

来源

2012-04-10 10:07:34

非常感谢Geraud。这工作得很好！好奇我是否也可以编辑href，以便它实际上启动播放事件（或无事件）而不是链接到播放列表？ – viagrawal 2012-04-11 00:05:27

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

回答

相关问题