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

Question

我正在尝试使用 .mp4 视频作为纹理创建一个简单的矩形。根据 Three.js 文档( http://threejs.org/docs/#Reference/Textures/Texture )，这应该是简单的。

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

我已经看过一些示例，其中视频通过首先将其链接到视频元素然后将帧复制到 Canvas 上来播放。我想尝试一下 Three.js 文档中提到的直接方式。

Answer 1

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

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

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