JSON - 使用soundcloud动态oembed

时间:2013-04-16 00:09:58

标签: jquery ajax json soundcloud oembed

我希望能够使用oembed with json不断获得用户的10首曲目。

$.getJSON("http://soundcloud.com/oembed", 
          {url: "https://soundcloud.com/aviciiofficial", format: "json"},
function(data)
{
    console.log(data.html);
})

Data.html返回soundcloud播放器的html代码,但此播放器包含一个包含所有用户曲目的曲目集。我希望能够单独获得曲目(类似于:data [0] .html)。我怎样才能获取所有最新曲目的数组?

控制台输出:

<iframe width="100%" height="450" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=http%3A%2F%2Fapi.soundcloud.com%2Fusers%2F1861068"></iframe>

谢谢!

1 个答案:

答案 0 :(得分:1)

您需要做的是发出API请求以检索用户的跟踪,没有oembed端点可以返回嵌入列表。

<强> UPD 即可。

因此,为了显示您需要迭代数组的图稿小部件,并将API_URL和COLOR替换为每个项目的URL网址和您想要的颜色(也许您可以为所有这些设置颜色一次)

'<object height="300" width="300">' + 
  '<param name="movie" value="https://player.soundcloud.com/player.swf?url={{API_URL}}&amp;color={{COLOR}}&amp;auto_play=false&amp;player_type=artwork">' +      
  '</param>' +
  '<param name="allowscriptaccess" value="always"></param>' +
  '<embed allowscriptaccess="always" width="300" height="300" ' + 
    'src="https://player.soundcloud.com/player.swf?url={{API_URL}}&amp;color={{COLOR}}&amp;auto_play=false&amp;player_type=artwork" ' +
    'type="application/x-shockwave-flash">' + 
  '</embed>' + 
'</object>';

我之前在以下答案中对此进行了描述 - Retrieve Soundcloud search results and embed results,仅在HTML5小部件的上下文中。