我目前正在尝试使用WebGL在HTML / JS中构建音频可视化工具。到目前为止，我使用音频元素，我生成，创建分析器，连接输出等。我已经可以拖放文件并输入网址，但我还想要更多..例如，YouTube集成（输入一个链接，它只是播放它）。
然而，困难的部分来了： 尽管YouTube不断更新，但我发现了这种方法：How to get direct url for youtube videos
所以我正在加载带有嵌入视频的iframe（因为YT不允许他们的桌面端加载到iframe中......）并访问frame.contentWindow - 由于同源策略不起作用... -__-
我只是想改善我的网站以及所有＆＃34;安全性＆＃34;功能开始让我紧张。 目前有一种方法可以在普通的javascript＆amp; HTML？另外，对于一些后端的东西，如果不能避免的话，那就好了。
提前致谢。
答案 0 :(得分：0)
尝试将https://cors-anywhere.herokuapp.com/放在网址前面。之后输入整个网址，包括http://www.。这是一个heroku web应用程序，它会向您发出请求，并应避免跨源请求错误。
当您的代码托管在服务器上时，您是否收到了跨源错误？根据我的经验，这个错误通常发生在桌面上执行代码时，但是当文件托管在服务器上时会消失。
查看this question的所有答案也可能是有益的。
这是github respository，看起来非常类似于您想要制作的内容。可能值得一看。