Spotifyプレイリストのカスタムビューを作成

Question

スポットプレイリストのカスタムビューを作成しようとしています。今私は、以下のものを使用して、私のアプリでプレイリストビューを作成します。

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で

まず：HTMLで

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

：

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

希望は、それはあなたのために働いています。