2012-04-08 25 views
2

Ich versuche, eine benutzerdefinierte Ansicht für eine Spotify Playlist zu erstellen. jetzt erstelle ich eine Playlist Ansicht in meinem app folgenden mit:für Spotify Playlist

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

Die Standard Spotify Playlist Ansicht hat das Album Compilation für die Kunst, und bietet auch auf die Playlist direkten Zugriff auf der Playlist klicken. Ich möchte, dies ändern, so dass ich die Wiedergabeliste Kunst an der Abdeckung Variable kann über (oder ein anderes spezielles Bild) und die hyperink zu beschränken, so dass es nicht die Playlist nicht zugreifen, sondern nur Wiedergabe/Pause initiiert.

Ich habe versucht, den Knoten innerHTML- direkt zu bearbeiten, aber dann wird die Playlist nicht tatsächlich beginnt entweder zu spielen. Gibt es eine einfache Möglichkeit, die standardmäßige Spotify-Ansicht zu bearbeiten, oder gibt es Beispielcode zum Erstellen einer benutzerdefinierten Ansicht?

+0

Regardons die Abdeckung mögen Sie es in der App in der nativen Playlist nur oder auch in Spotify ändern? –

+0

nur in der App selbst. auch vielleicht etwas Hilfe benötigt diese richtig zu erhalten geladen, da die Playlist nicht vollständig nach dem 1. Zeile geladen wird gesetzt, was bedeutet, dass die playerview nicht immer die Spur einstellen. – viagrawal

Antwort

0

Wenn es nur in der App selbst, können Sie CSS und HTML des Players außer Kraft setzen. Hier ist, wie ich getan habe:

Zuerst in der CSS:

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

Im HTML:

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

Hoffnung, es für Sie funktioniert.

+0

Vielen Dank Geraud. Das funktioniert ganz gut! Neugierig, wenn ich die href auch so bearbeiten kann, dass sie tatsächlich das Play-Ereignis (oder kein Event) startet anstatt mit der Playlist zu verlinken? – viagrawal