Question

这里有点javascript新手。

我正在尝试从http://i.imgur.com/LXFzy.png创建此Spotify UI Guidelines。基本上是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;
 }
}

此数据源函数稍后将在代码中提供给寻呼机功能。这段代码生成图像，艺术家名称和曲目名称就好了，除了我似乎无法将图像设置为64x64而不会覆盖我自己的CSS。我确信有一种方法可以在javascript中设置它，因为核心的Spotify CSS文件包含一个类，但是我不知道如何去做。

此外，播放按钮呈现但在控制台中出现错误，当我点击它时，该轨道没有方法'get'。我怎么想知道它需要得到？有什么方法可以看到这个播放器的功能，所以我知道我做错了什么？

任何帮助都会非常感激，我相信它也会帮助人们成群结队，因为我找不到任何关于如何做到这一点的文档。

Answer 1

检查此处的代码：https://github.com/ptrwtts/kitchensink/blob/master/js/player.js kitchenconink应用程序显示了许多Spotify Apps API功能

对于播放按钮，我知道它似乎不适用于用作上下文的单个轨道。它实际上只有在您使用艺术家，专辑或播放列表上下文时才有效。不知道为什么会这样。

如何使用Spotify Apps API创建一个带有小播放按钮的功能小缩略图？

1 个答案: