通过客户端 XHR 打开 Soundcloud Track 的stream_url?

2024-01-06

由于您可以通过 XHR 调用 Soundcloud API (因为它发送的 CORS 标头http://backstage.soundcloud.com/2010/08/of-cors-we-do/ http://backstage.soundcloud.com/2010/08/of-cors-we-do/, 正确的?) 我想知道音频数据本身是否可以实现这一点,例如轨道的stream_url。

当尝试使用 Web Audio API 通过 XHR(从客户端)打开stream_url 时,我得到一个Access-Control-Allow-Origin 不允许来源。错误。 有没有办法通过 XHttpRequest 从客户端 JavaScript 加载音频资源,或者是不可能的(https://stackoverflow.com/questions/10871882/audio-data-api-and-streaming-a-no-go https://stackoverflow.com/questions/10871882/audio-data-api-and-streaming-a-no-go) ?

那就太好了,因为这将允许使用 Web Audio API 实现一些非常酷的功能。

Thanks!

UPDATE

该问题可能与您调用时收到的 302 重定向有关:

http://api.soundcloud.com/tracks/5646378/stream.json?client_id=[client_id]

或其他一些请求实际媒体文件的调用(请参阅评论)。

HTTP/1.1 302 Moved Temporarily
Server: nginx
Date: Sun, 24 Jun 2012 09:58:01 GMT
Content-Type: application/json; charset=utf-8
Connection: keep-alive
Cache-Control: no-cache
Location: http://ec-media.soundcloud.com/[...]
X-Runtime: 41
Content-Length: 339
Access-Control-Allow-Methods: GET, PUT, POST, DELETE
Access-Control-Allow-Headers: Accept, Authorization, Content-Type, Origin
Access-Control-Allow-Origin: *
X-Cacheable: NO:Cache-Control=no-cache
X-Varnish: 2433107209
Age: 0
Via: 1.1 varnish
X-Cache: MISS

HTTP/1.1 200 OK
Accept-Ranges: bytes
Cache-Control: max-age=252460800
Content-Type: audio/mpeg
Date: Sun, 24 Jun 2012 09:58:01 GMT
ETag: "c2241e[...]41bbcf7c0d32f09"
Last-Modified: Tue, 28 Sep 2010 17:57:26 GMT
Server: ECAcc (fra/D484)
x-amz-id-2: oB0XzQcc/[...]+mAr/a
x-amz-meta-bitrate: 128
x-amz-meta-duration: 152900
x-amz-meta-job: t405jWkfNvx7
x-amz-request-id: D65[...]E1355
X-Cache: HIT
Content-Length: 2445478

原始 JSON 响应具有 CORS 标头,而重定向的位置则没有。


好吧,只要音频文件本身不带有 CORS 标头(请参阅问题中的curl -IL 输出),对我有用的唯一解决方案就是打开音频文件并自己添加标头。

据我了解,这就是其他应用程序喜欢的https://github.com/tsenart/audiojedit https://github.com/tsenart/audiojedit也做。 (在 Node.js 中) 这样做的一个巨大缺点是将二进制文件的流量转移到您的服务器,否则该服务器将由 soundcloud.com 提供服务。

您可以使用 PHP 打开文件,添加标头并使用以下命令重新流式传输:

$fp = fopen('http://api.soundcloud.com/tracks/[track_id]/stream.json?client_id=[client_id]', 'rb');

header("Content-Type: audio/mpeg");
header("Access-Control-Allow-Methods: GET, PUT, POST, DELETE");
header("Access-Control-Allow-Headers: Accept, Authorization, Content-Type, Origin");
header("Access-Control-Allow-Origin: *");
fpassthru( $fp );

exit();

正如我所说,这只是一种解决方法,对于生产环境来说不是一个很好的解决方案, 但帮助我继续使用我的网络音频应用程序。

Soundcloud,是否有机会将 CORS 标头添加到音频文件中? :)

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

通过客户端 XHR 打开 Soundcloud Track 的stream_url? 的相关文章

随机推荐