Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/three.js/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 立方体上的视频纹理_Javascript_Three.js_Textures - Fatal编程技术网

Javascript 立方体上的视频纹理

Javascript 立方体上的视频纹理,javascript,three.js,textures,Javascript,Three.js,Textures,尝试将一个简单的视频作为纹理放在立方体上,结果一无所获:) 如果我添加颜色:'#fff'而不是贴图:videoTexture我看到一个白色正方形,因此立方体正在添加,因此它与视频有关?您是否有视频正在播放的指示?您还需要检查render()函数: if ( video.readyState === video.HAVE_ENOUGH_DATA ) { if ( videoTexture ) videoTexture.needsUpdate = true; } 对于质量/速度,您还可

尝试将一个简单的视频作为纹理放在立方体上,结果一无所获:)


如果我添加
颜色:'#fff'
而不是
贴图:videoTexture
我看到一个白色正方形,因此立方体正在添加,因此它与视频有关?

您是否有视频正在播放的指示?您还需要检查
render()
函数:

if ( video.readyState === video.HAVE_ENOUGH_DATA ) {

    if ( videoTexture ) videoTexture.needsUpdate = true;

}
对于质量/速度,您还可以在定义中添加以下内容:

videoTexture.minFilter = THREE.LinearFilter;
videoTexture.magFilter = THREE.LinearFilter;
videoTexture.format = THREE.RGBFormat;
videoTexture.generateMipmaps = false;

是的,正在播放视频。我还尝试将一个常规视频放到DOM中,并通过
document.getElementById()
获得它,结果是一样的。非常奇怪……实际上,
video.readystate
有帮助。我草率的代码错误。谢谢您!
videoTexture.minFilter = THREE.LinearFilter;
videoTexture.magFilter = THREE.LinearFilter;
videoTexture.format = THREE.RGBFormat;
videoTexture.generateMipmaps = false;