4

現在、jPlayer を使用して mp3 をストリーミングする Web サイトがあります。また、SoundCloud をプレーヤーで直接ストリーミングできる機能を追加できるようにしたいと考えています。

私のお気に入りの音楽ブログの 1 つが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 を実装する方法や場所がわかりません。何か助けはありますか？

4

2 に答える 2

8

彼らのプレイリストを見ると、トラックの mp3 プロパティの Soundcloud にリンクしています。

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 などでできるように保護することはできません。これらのリンクの 1 つを直接開いた場合 ( http://api.soundcloud.com/tracks/79031167/など) stream?client_id=db10c5086fe237d1718f7a5184f33b51 ) MP3 をダウンロードします。だから、あなたはそれがうまくいくはずの同じ方法でそれを設定したと思います。

Chrome とそのネットワーク インスペクター (開発ツールで: [表示] > [開発者] > [開発者ツール]、[ネットワーク] の順にクリック) を開いて、Hilly のプレーヤーの [次へ] をクリックすると、トラックがバックグラウンドで読み込まれていることがわかります。

ここに画像の説明を入力

于 2013-03-18T22:05:51.857 に答える