Three.js:视频纹理NeedsUpdate停止渲染

时间:2015-04-16 04:42:35

标签: javascript three.js html5-video

我尝试将视频作为纹理放在网格上,为此,我测试了2个不同的例子:

http://jeromeetienne.github.io/threex.videotexture/examples/videotexture.html

http://stemkoski.github.io/Three.js/Video.html

两者都可以在网络上正常运行,但如果我从本地的github下载它们,它就不会显示任何内容。

如果我把

videoTexture.needsUpdate = false;

然后显示地板和屏幕。 视频工作正常,因为我可以听到背后的声音,但没有显示图像。

知道如何解决这个问题吗?

(我用firefox和chrome测试过)。

编辑: 在firefox的控制台中,我有这个

SecurityError: The operation is insecure. Three.js:25696:0
Error: WebGL: The canvas used as source for texImage2D here is tainted (write-only). It is forbidden to load a WebGL texture from a tainted canvas. A Canvas becomes tainted for example when a cross-domain image is drawn on it. See https://developer.mozilla.org/en/WebGL/Cross-Domain_Textures

1 个答案:

答案 0 :(得分:0)

问题与我的想法完全不同。

当我从本地文件夹而不是本地服务器运行文件时,我遇到了Same-Origin Policy问题。

在这个答案中解释: https://stackoverflow.com/a/24042463/1224782