【问题标题】:How to add album as playlist?如何将专辑添加为播放列表?
【发布时间】:2012-04-04 20:51:46
【问题描述】:

我正在制作一个 Spotify 应用程序。当您播放歌曲时,应用程序会像这样显示专辑:

http://s17.postimage.org/votnl6epp/Schermafbeelding_2012_04_04_om_22_47_54.png

我已阅读播放列表文档 (https://developer.spotify.com/technologies/apps/docs/beta/c49e02a392.html),但我不知道如何订阅专辑。

谁能帮帮我?

【问题讨论】:

    标签: spotify


    【解决方案1】:

    如何订阅播放列表?

    /* Instantiate the global sp object; include models & views */
    var sp = getSpotifyApi(1);
    var models = sp.require('sp://import/scripts/api/models');
    var views = sp.require('sp://import/scripts/api/views');
    
    $("#subscribe").click(function(playlist){
        var playlist = models.Playlist.fromURI("spotify:user:spotify:playlist:3Yrvm5lBgnhzTYTXx2l55x");
        playlist.subscribed = true;
    
        playlist.observe(models.EVENT.CHANGE, function() {
            console.log("Playlist is subscribed!");
        });
    });
    

    HTML 输入将是:

    <input type="button" id="subscribe" value="Subscribe" />
    

    【讨论】:

    • 在这种情况下,你需要手动创建一个用户播放列表然后订阅,你以为你想动态地做。
    【解决方案2】:

    你不能,你需要从专辑中创建一个播放列表,我是这样做的:

    alb = m.Album.fromURI(uri, function(album) { 
    pl.name = album.name;
    $.each(album.tracks,function(index,track){
    pl.add(m.Track.fromURI(track.uri)); 
    });         
    var player = new v.Player();
    player.track = pl.get(0);
    player.context = album;
    var saveButton = "<button id='savePlaylist' class='add-playlist sp-button sp-icon' <span class='sp-plus'></span>Add as Playlist</button>";
    var list = new v.List(album , function(track) {
    return new v.Track(track, v.Track.FIELD.STAR | v.Track.FIELD.SHARE | v.Track.FIELD.NAME  | v.Track.FIELD.DURATION);
    });
    
    $("xxx").live('click',function(e){
    var myAwesomePlaylist = new m.Playlist(album.artist.name + " - " + pl.name);
    $.each(pl.data.all(),function(i,track){
    myAwesomePlaylist.add(track);
    });
    e.preventDefault();
    });
    

    当然,您必须继续处理 HTML 部分。

    希望对你有帮助

    杰洛德

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2014-07-05
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2023-03-11
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多