使用 three.js 渲染 IP CAMERA 流

Question

我正在尝试将来自 IP 摄像机的视频流渲染为 three.js 纹理，但我找不到如何操作。我正在尝试这样的事情：

....
var video   = document.createElement('video');
video.crossOrigin="anonymous";
video.width = 320;
video.height    = 240;
video.autoplay  = true;
video.loop  = true;

//This works, but it is not from an IP Camera
//video.src="http://video.webmfiles.org/big-buck-bunny_trailer.webm";

//This does not work
video.src="http://webcam01.bigskyresort.com/mjpg/video.mjpg";

this._video = video
var texture;
texture = new THREE.Texture( video );
....

有什么想法吗？

非常感谢！

Answer 1

在 Windows 中，将此命令粘贴到运行窗口中

chrome.exe --user-data-dir="C:/Chrome dev session" --disable-web-security

这将打开一个新的 chrome 浏览器，允许访问没有“access-control-allow-origin”标头请求。

它有security implications，应该只用于测试。

没有--user-data-dir= path，每个人（每个网站）都可以以您的名义与您的银行、社交网站或您拥有帐户的其他网站进行交互，并且每个人（每个网站）都可以阅读您的邮件您的供应商网站，没有任何安全措施阻止他们。所以不要使用你当前的会话，创建一个新的。

或者您可以安装另一个浏览器实例，并将其仅用于打开页面。