Three.js：来自 IP 摄像机的纹理答案

【问题标题】：Three.js : Texture from an IP CameraThree.js：来自 IP 摄像机的纹理
【发布时间】：2016-08-09 21:20:51
【问题描述】：

所以我在将轴相机的视频放入纹理时遇到了一些麻烦。 Axis 摄像机正在将所需视频返回到图片中。图片src是摄像头IP地址。

本来想直接把图片放到贴图里面的，但是跨域资源共享出错了……我在网上查了一下，找到了这个link。因此，我编写了完全相同的代码，它在网络摄像头和 3 Js 的第 71 版中运行良好！然而，当我想用我的轴相机测试它时，它给我发送了同样的错误：

Uncaught SecurityError: Failed to execute 'texImage2D' on 'WebGLRenderingContext': Tainted canvases may not be loaded.

有人知道如何解决这个问题吗？

【问题讨论】：

stackoverflow.com/questions/30945945/…
好吧，我已经看到了这个话题，我尝试了他的解决方案，将属性 croosOrigin 设置为“匿名”，但我收到了这个错误：Uncaught InvalidStateError: Failed to execute 'drawImage' on 'CanvasRenderingContext2D'：提供的 HTMLImageElement 处于“损坏”状态。

标签： javascript security camera three.js textures

【解决方案1】：

我终于明白了！所以这确实是一个CROS问题。将 crossOrigin 图像放在“匿名”不是一个好的解决方案，因为 CROS 总是一个问题，因为我要使用的图片来自另一个 IP 地址......

所以我需要做的只是给Chrome添加一些属性：

"C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" --disable-web-security --user-data-dir="D:\chrome"

这是有效的！ ^u^ 警告，您需要为您的工作专门创建另一个快捷方式，并且您不能使用它在互联网上搜索！

【讨论】：