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;