SoundCloud API:如何在嵌入播放器中使用SoundCloud歌曲?

时间:2014-06-23 22:34:07

标签: javascript html5 web-applications embed soundcloud

根据 SoundCloud API Guide ,我可以在网页或网页应用中播放SoundCloud中的声音,使用嵌入式播放器(下面的示例代码) :

<iframe width="100%" height="166" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/136405212&amp;color=ff5500&amp;auto_play=false&amp;hide_related=false&amp;show_artwork=true&amp;show_comments=true&amp;show_user=true&amp;show_reposts=false"></iframe>

我想在没有嵌入的情况下尝试播放S​​oundCloud资源;相反,我想知道如何:

  • 使用 HTML5音频播放器播放歌曲
  • 播放 没有任何音频播放器的歌曲(即&#34;播放此歌曲onLoad&#34;)

任何有关此内容的帮助,包括任何可以使用JavaScript和/或jQuery的内容,都将非常感激。

原文:

  

是的,您还可以播放应用程序中的声音。根据您的需要,您可以嵌入播放器小部件,使用JavaScript SDK在浏览器中流式传输音频内容,或者将流式网址提供给您自己的音频播放器。您还可以使用我们的Widget API来控制播放器和处理事件。 (来自 http://developers.soundcloud.com/docs/api/guide#playing

示例:

2 个答案:

答案 0 :(得分:8)

扩展@Marco的答案:

var xhr = new XMLHttpRequest(),
    stream = new Audio(),
    client_id = '?client_id=d4ab52d80ed2e7790c3a243495b30093';
xhr.open('GET', 'http://api.soundcloud.com/tracks/136405212.json' + client_id);
xhr.onload = function(){
  var track = JSON.parse(xhr.responseText);
  stream.src = track.stream_url + client_id;
  stream.play();
};
xhr.send();

答案 1 :(得分:2)

您可以尝试使用SoundCloud&#39; JavaScript API来播放曲目和其他内容。