三个js给平面几何添加视频
Three js add video to plane geometry
我试图用三个 js 将视频显示到平面几何体中,但我得到的只是一个黑色矩形。
var video = document.getElementById('video');
var texture = new THREE.VideoTexture(video);
texture.needsUpdate;
texture.minFilter = THREE.LinearFilter;
texture.magFilter = THREE.LinearFilter;
texture.format = THREE.RGBFormat;
texture.crossOrigin = 'anonymous';
var imageObject = new THREE.Mesh(
new THREE.PlaneGeometry(width, height),
new THREE.MeshBasicMaterial({ map: texture }),);
scene.add( imageObject );
已添加:
video.src = "src to video";
video.load();
video.play();
并且有效!
解决办法,添加这段代码:
video.src = "src to video";
video.load();
video.play();
我试图用三个 js 将视频显示到平面几何体中,但我得到的只是一个黑色矩形。
var video = document.getElementById('video');
var texture = new THREE.VideoTexture(video);
texture.needsUpdate;
texture.minFilter = THREE.LinearFilter;
texture.magFilter = THREE.LinearFilter;
texture.format = THREE.RGBFormat;
texture.crossOrigin = 'anonymous';
var imageObject = new THREE.Mesh(
new THREE.PlaneGeometry(width, height),
new THREE.MeshBasicMaterial({ map: texture }),);
scene.add( imageObject );
已添加:
video.src = "src to video";
video.load();
video.play();
并且有效!
解决办法,添加这段代码:
video.src = "src to video";
video.load();
video.play();