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浏览器，允许访问no＆＃39; access-control-allow-origin＆＃39;标题请求。

它有security implications，只能用于测试。

如果没有--user-data-dir= path，每个人（每个网站）都可以以您的名义与您拥有帐户的银行，社交网站或其他网站进行互动，并且每个人（每个网站）都能够阅读您的来自您的提供商网站的邮件，没有任何安全阻止它们。因此，不要使用当前会话，创建一个新会话。

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

使用three.js渲染IP CAMERA流

1 个答案: