在视频加载时在视频纹理中显示加载器

Question

我使用视频纹理videoTexture = new THREE.VideoTexture(video);在画布上显示视频是html元素的视频。我想在视频纹理中显示加载器，直到视频加载播放。显然它显示白屏，然后在视频加载时播放视频。有没有办法实现我的目标？

Answer 1

也许您可以这样做：首先，您将一个简单的静态占位符纹理应用于您稍后将用于显示视频的素材。现在，在视频准备好播放时，在适当的时间替换此纹理非常重要。您可以尝试使用canplay事件来检测此情况。获得对视频元素的引用后，请设置事件侦听器，如下所示：

const video = document.getElementById( 'video' );
video.addEventListener( 'canplay', changeTexture );

three.js R91