通过Three.js使用视频作为纹理

Gau*_*rav 4 webgl three.js

我试图用.mp4视频作为纹理创建一个简单的矩形。根据three.js文档(http://threejs.org/docs/#Reference/Textures/Texture),这应该很简单。

当我放置视频链接时,我得到的只是一个黑色的盒子,上面没有纹理。我已经通过用jpg图像替换视频来测试代码,并且效果很好。有人可以解释一下我在做什么错。

我已经看过播放视频的示例,首先将其链接到视频元素,然后将其复制到画布上。我想尝试three.js文档中提到的直接方法。

Ale*_*der 5

将视频视为一系列图像。因此,要在3D对象上“播放”该视频-您必须将该序列的每个帧传递给材质,然后更新该材质。

一个很好的起点在这里:https : //github.com/mrdoob/three.js/wiki/Updates

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