如何将SoundCloud文件添加到jPlayer？

Question

现在我有一个网站,使用jPlayer来播放mp3.我还希望能够直接在播放器上添加SoundCloud流的功能.

我知道这是可能的,因为我最喜欢的音乐博客之一hillydilly这样做.通过查看他们的代码,我看到他们的jPlayer设置有一些额外的参数,即sc和sclink.

$(".play-music").each(function(){
        myPlaylist.add({
         title: $(this).attr('data-title'),
         artist: $(this).attr('data-artist'),
         mp3: $(this).attr('data-mp3'),
         url: $(this).attr('data-url'),
         sc: $(this).attr('data-sc'),
         sclink: $(this).attr('data-sclink')         
        });
});

我试着查看其余代码,但无法弄清楚他们如何或在何处实现sc和sclink.有帮助吗？

Answer 1

如果您查看他们的播放列表,他们会链接到Soundcloud以获取该曲目的mp3属性:

myPlaylist.setPlaylist([

{
        title:"Close Enough ft. Noosa",
    artist:"Ghost Beach",
    mp3:"http://api.soundcloud.com/tracks/79031167/stream?client_id=db10c5086fe237d1718f7a5184f33b51",
    url:"http://hillydilly.com/2012/12/top-20-songs/",
    sc:"true"
    },
    {
        title:"Always",
    artist:"Jahan Lennon",
    mp3:"http://api.soundcloud.com/tracks/80961874/stream?client_id=db10c5086fe237d1718f7a5184f33b51",
    url:"http://hillydilly.com/2012/12/top-20-songs/",
    sc:"true"
    }

HTML5'流'实际上只是你目前无法保护它们的MP3,就像你可以使用Flash,Silverlight,Quicktime等一样.如果你直接打开其中一个链接(如http://api.soundcloud.com/tracks/79031167/) stream？client_id = db10c5086fe237d1718f7a5184f33b51)它会下载MP3.所以我猜你把它设置成应该工作的方式.

如果您打开Chrome及其网络检查器(在开发工具中:查看>开发人员>开发者工具,然后单击网络),然后单击Hilly播放器上的下一个,您可以在后台看到跟踪加载.