Javascript 通过单击按钮从soundcloud简单播放声音

Javascript 通过单击按钮从soundcloud简单播放声音,javascript,jquery,api,soundcloud,Javascript,Jquery,Api,Soundcloud,正如API上所说,尝试从soundcloud在页面上传输声音,但不幸的是,当我点击按钮时并没有声音。 否则,当我在这里或在JSFIDLE上“运行”这段代码时,它就可以工作了! 这一定是问题,我试图运行它从本地光盘? 我怎样才能解决它 SC.initialize({ 客户id:'53902af7a344bb0351898c47bc3d786f' }); $(“#流”)。在(“单击”,函数()上){ SC.stream(“/tracks/49712607”,函数(声音){ 声音。播放(); });

正如API上所说,尝试从soundcloud在页面上传输声音,但不幸的是,当我点击按钮时并没有声音。 否则,当我在这里或在JSFIDLE上“运行”这段代码时,它就可以工作了! 这一定是问题,我试图运行它从本地光盘? 我怎样才能解决它

SC.initialize({
客户id:'53902af7a344bb0351898c47bc3d786f'
});
$(“#流”)。在(“单击”,函数()上){
SC.stream(“/tracks/49712607”,函数(声音){
声音。播放();
});
});

音乐
玩家

当文件托管在web服务器上时,需要执行对SDK的调用。但是您可以让web服务器从本地计算机上运行

问题是试图从文件系统运行东西。执行此操作时,会出现以下错误: NS\u错误\u DOM\u错误\u URI:拒绝访问受限URI

为了确保您确实存在此错误,请尝试SoundCloud中的基本示例

另见

选择什么技术取决于你对什么感到舒服

例如,我用Node.JS做大多数本地应用程序。也许最简单的方法是使用http服务器,正如您在评论中所指出的那样

使用以下命令行启动它:
httpserver-o
。使用-o,默认浏览器将打开并列出目录中的文件

请注意,SoundCloud文档正在使用JQuery
.live()
函数调用,但它已被弃用!这使得他们的代码可以工作,尽管DOM还没有准备好

在这里,您希望使用常规的
.on()
函数,并在DOM就绪后完成click事件处理程序的绑定。为此,您使用
$(document).ready(function(){…})

这是我使用的代码

<!DOCTYPE html>
<html>
<head>
    <title>music</title>
    <meta charset="windows-1251">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <script src="//connect.soundcloud.com/sdk-2.0.0.js"></script>
    <script>
    SC.initialize({
        client_id: "53902af7a344bb0351898c47bc3d786f"
    });

    $(document).ready(function() {
        $("#stream").on("click", function(){
            SC.stream("/tracks/49712607", function(sound){
                sound.play();
            });
        });
    });
    </script>
</head>
<body>
    <div id='player'>player       
        <input type="button" href="#" id="stream" class="big button" value="Stream It Again, Sam" />
    </div>
</body>
</html>

音乐
SC.initialize({
客户id:“53902af7a344bb0351898c47bc3d786f”
});
$(文档).ready(函数(){
$(“#流”)。在(“单击”,函数()上){
SC.stream(“/tracks/49712607”,函数(声音){
声音。播放();
});
});
});
玩家

谢谢您的回答!我没有找到任何“易于理解”的安装和使用任何节点服务器的手册,所以我不知道如何使用您推荐的惯性web服务器。但是经过几个小时的阅读和测试…:)我已经打开了我的网页,我很高兴!但是-音频流无论如何都不会播放。在控制台中没有错误或警告还有一件事-控制台上的jquery、soundcloud和我自己的JS的“HTTP/1.1 304 Not Modified”(HTTP/1.1 304 Not Modified)消息也尝试启动站点-在web控制台中的结果相同:打开站点,获取脚本和soundcloud sdk,但不通过单击按钮播放。我有错误消息。流式代码完全没有声音。我联系的问题是一年前的。也许事情变了。。。无论如何,不是SDK拒绝运行,而是SoundCloud服务器拒绝提供文件并发送错误消息(我已经检查了源代码)。如果我今天有时间完全测试我的提议,我会给你们回复的。那太好了,请注意,在示例中,他们使用了旧的src=“//connect.soundcloud.com/sdk.js”现在是src=“”