Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/362.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript SoundCloudAPI:如何在没有嵌入式播放器的情况下使用SoundCloud歌曲?_Javascript_Html_Web Applications_Embed_Soundcloud - Fatal编程技术网

Javascript SoundCloudAPI:如何在没有嵌入式播放器的情况下使用SoundCloud歌曲?

Javascript SoundCloudAPI:如何在没有嵌入式播放器的情况下使用SoundCloud歌曲?,javascript,html,web-applications,embed,soundcloud,Javascript,Html,Web Applications,Embed,Soundcloud,根据,我可以在网页或web应用程序上播放SoundCloud中的声音,而无需使用嵌入式播放器(下面的示例代码): 我想尝试在没有此嵌入的情况下播放SoundCloud资产;相反,我想了解如何: 使用HTML5音频播放器播放歌曲 在没有任何音频播放器的情况下播放歌曲(即“播放此歌曲onLoad”) 对此的任何帮助,包括任何可以使用JavaScript和/或jQuery的东西,都将不胜感激 原文: 是的,您还可以播放应用程序中的声音。根据您的需要,您可以嵌入播放器小部件,使用JavaScri

根据,我可以在网页或web应用程序上播放SoundCloud中的声音,而无需使用嵌入式播放器(下面的示例代码):


我想尝试在没有此嵌入的情况下播放SoundCloud资产;相反,我想了解如何:

  • 使用HTML5音频播放器播放歌曲
  • 在没有任何音频播放器的情况下播放歌曲(即“播放此歌曲
    onLoad
    ”)
对此的任何帮助,包括任何可以使用JavaScript和/或jQuery的东西,都将不胜感激

原文: 是的,您还可以播放应用程序中的声音。根据您的需要,您可以嵌入播放器小部件,使用JavaScript SDK在浏览器中传输音频内容,或者将流url提供给您自己的音频播放器。您还可以使用我们的小部件API来控制播放器和处理事件。(来自)

示例:
  • 在JSFIDLE上的尝试:

您可以尝试SoundCloud的流媒体曲目和其他内容。

您可以尝试SoundCloud的流媒体曲目和其他内容。

扩展@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();

扩展@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();

将API源粘贴到侧栏中(将其放在HTML窗口中不起作用)。终于成功了:将API源代码粘贴到侧栏中(将其放在HTML窗口中不起作用)。终于成功了:@017Bluefield在你的javascript控制台中,或者任何你可以执行javascript的地方。是的,我理解。但是我应该按原样(全局)粘贴代码,还是在函数内部(本地)粘贴代码?这才是我真正想要的。我不知道为什么
SC.stream()
在复制粘贴后也不起作用。谢谢@idbehold@017Bluefield在你的javascript控制台或任何你可以执行javascript的地方。是的,我理解。但是我应该按原样(全局)粘贴代码,还是在函数内部(本地)粘贴代码?这才是我真正想要的。我不知道为什么
SC.stream()
在复制粘贴后也不起作用。谢谢@idbehold