由于缺乏CORS策略，无法分析Soundcloud的流媒体音频

Question

我正在开发这个可视化工具http://trif.it，它在Chrome稳定版(41.x)上仍然运行良好，但在Chrome、Beta和Canary (42.x以后)中停止工作，原因是Chrome (以及之前的Firefox )处理待分析音频源的方式发生了变化。

下面是有问题的代码。在您删除处理音频路由的最后部分的注释之前，它应该工作得很好。

var audioElement = new Audio();
var clientId = "xxxxx";

var oReq = new XMLHttpRequest();
//oReq.onload = reqListener;
oReq.open("get", "http://api.soundcloud.com/tracks/194245583.json?client_id=" + clientId, true);
oReq.send();

oReq.onreadystatechange = function() {
  if (oReq.readyState != 4)  { return; }

  var serverResponse = JSON.parse(oReq.responseText);
  console.log(serverResponse);

  audioElement.src = serverResponse.stream_url + "?client_id=" + clientId;
  audioElement.autoplay = true;
  audioElement.preload = true;
};

/*var audioContext = new AudioContext();
var audioSource = audioContext.createMediaElementSource(audioElement);
var audioAnalyser = audioContext.createAnalyser();
var audioGain = audioContext.createGain();
audioGain.gain.value = 1.0;

audioSource.connect(audioAnalyser);
audioAnalyser.connect(audioGain);
audioGain.connect(audioContext.destination);*/

我最初在Chromium跟踪器(https://code.google.com/p/chromium/issues/detail?id=462998)上发布了一个bug /请求，但得到的答案是，从现在起，任何媒体资源都需要有CORS来进行分析(或通过createMediaElementSource调用)和Soundcloud，以及我目前在该网站上使用的shoutcast流没有提供这些信息。我总是可以使用一个CORS代理，但也许你知道一个解决办法，或者说CORS头在今年的某个时候计划好了，因为很多网站很快就会面临同样的问题。

谢谢。

Answer 1

增加a：

audioElement.crossOrigin = "anonymous";

在那里的某个地方，在设置源之前，这应该可以很好地工作。

Answer 2

这是出于跨域安全的原因，而且不太可能改变。不确定SoundCloud等人是否正在计划CORS访问。