HTML5 从<audio>标签获取声音源用于分析，为什么用别人的MP3链接会无法加载？

Question

//标签
 <audio id="music" src="源" controls="controls">

 //js
 var el = document.getElementById('music');
var audioCtx = new AudioContext();
var source = audioCtx.createMediaElementSource(el);
source.connect(audioCtx.destination);

（只写标签能正常获取）
如果源是本地的没有问题，如果源是其他网站链接，chrome会没声音，firefox会不加载。
chrome中会有提示：MediaElementAudioSource outputs zeroes due to CORS access restrictions for “源”
求大神帮忙解决

Answer 1

一句话：在audio标签有src链接的同时设置上属性rossOrigin="anonymous";

在html不要直接写地址，让浏览器一开始加载就就直接跨域了，所以如果写了得设置audio标签这个属性（crossOrigin='anonymous';）

或者 是html的src先不设置，在javascript里边设置再建立
var audio =document.getElementById("audio");
audio.crossOrigin = 'anonymous';
audio.src='https://fourthof5assets.s3-eu-west-1.amazonaws.com/heng-feeling-good.mp3';
var source = context1.createMediaElementSource(audio);