Question

我是三个j的新手。我想在平面几何上显示一个视频。我尝试使用以下代码，但它显示一个没有任何错误的空白网页

        var video = document.getElementById('video');
        video.src = "***VIDEO URL***";
        video.load();
        video.play();
       var texture = new THREE.VideoTexture(videoImage);
        texture.needsUpdate;
        texture.minFilter = THREE.LinearFilter;
        texture.magFilter = THREE.LinearFilter;
        texture.format = THREE.RGBFormat;
        texture.crossOrigin = 'anonymous';
       var meshPlace = new THREE.Mesh(
        new THREE.PlaneGeometry(USE_WIDTH, USE_HEIGHT , 40),
        new THREE.MeshBasicMaterial({ map: texture }),);
        scene.add( meshPlace );

Answer 1

将视频视为一系列图像。所以要＃34;玩＆＃34;您的3D对象上的此视频 - 您必须将该序列的每一帧传递到您的素材，然后更新该素材。

好的起点是：https://github.com/mrdoob/three.js/wiki/Updates

在这里：http://stemkoski.github.io/Three.js/Video.html

我在Using Video as texture with Three.js

上计算了这一点

希望这会有所帮助：）

如何使用三个js将视频添加到平面几何体

1 个答案: