如何使用jquery从另一个域中流音频文件，以避免跨域策略？

Question

我正在构建一个网络音频播放器，像SoundCloud页脚播放器使用jQuery和HTML5音频标签。唯一的问题是如何从另一个域流音频文件？(这个播放器插件可以用JSON安装在任何网站上)。

这是尝试流音频文件时的控制台响应：

​

​

预期的答案应该在jQuery中。

更新:我尝试在html5 ()中使用“跨域”crossDomain属性和crossDomain属性，但是没有效果。

非常感谢。

Answer 1

几条路..。

首先，如果您没有读取音频数据或在客户端使用该音频做任何事情，您可以正常使用<audio src="..." />。CORS不会发挥作用，直到您真正尝试使用脚本来读取该音频。如果你在使用某种特殊的玩家代码..。不要。只需使用普通的HTML5 <audio>标记或Audio类即可。

接下来，如果您确实需要直接从URL读取原始音频数据，或者需要记录/处理最终解码的音频，则您的服务器必须配置为允许使用此资源的CORS。响应头中的Access-Control-Allow-Origin: *是实现这个目标的最简单方法，但是在继续之前，您应该阅读CORS并了解它，这样您就不会意外地在服务器上造成不安全的东西。