2012-02-12 22 views
2

こちらは若干のjavascript初心者です。Spotify Apps APIを使用して小さい再生ボタンで機能する小さなサムネイルを作成するにはどうすればいいですか?

私はこれを作成しようとしています:Spotify UI Guidelinesからhttp://i.imgur.com/LXFzy.png。 基本的には、適切なサイズの再生ボタンが付いた64x64アルバムカバーです。

function DataSource(playlist) { 
this.count = function() { 
    return playlist.length; 
} 

// make node with cover, trackname, artistname 
this.makeNode = function(track_num) { 
    var t = playlist.data.getTrack(track_num); 
    // console.log(t); 

    var li = new dom.Element('li'); 

    //generate cover image with play/pause button 
    var track = m.Track.fromURI(t.uri, function(a) { 
     var trackPlayer = new v.Player(); 
     trackPlayer.track; 
     trackPlayer.context = a; 
     dom.inject(trackPlayer.node, li, 'top') 
    }); 

    //track name 
    var trackName = new dom.Element('p', { 
     className: 'track', 
     text: t.name 
    }); 

    //artist name 
    var artistName = new dom.Element('p', { 
     className: 'artist', 
     text: t.artists[0].name 
    }); 

    dom.adopt(li, trackName, artistName); 
return li; 
} 
} 

このデータソース機能は、コードの後半でページャ機能に送り込ま:

は、これは私がこれまで持っているものです。このコードでは、イメージ、アーティスト名、トラック名が生成されますが、自分のCSSで上書きせずにイメージを64x64にすることはできません。私はそこにコアのSpotifyのCSSファイルにはクラスが含まれているので、javascriptでこれを設定する方法があると確信しています。しかし、私はそれを行う方法を失っています。

また、再生ボタンはレンダリングされますが、コンソール上でクリックするとトラックに「取得」メソッドがないというエラーが表示されます。それは取得する必要があると知っていると思いますか?このプレーヤーの機能を見ることができる方法はありますか?私はそれに間違っていることを知っていますか?

何か助けていただければ幸いです。私は、これを行う方法についてはどこにもドキュメンテーションがないので、人々の繁栄を助けると確信しています。

答えて

0

ここにコードをチェックしてください:https://github.com/ptrwtts/kitchensink/blob/master/js/player.js kitchensinkアプリは、再生ボタンのSpotifyはアプリのAPI機能

の多くを表示し、私は実際にコンテキストとして使用される単一のトラックのために動作するようには思えないことを知っています。これは、アーティスト、アルバム、またはプレイリストのいずれかのコンテキストを使用する場合にのみ実際に機能します。それがなぜであるかわからない。