我如何在three.js中使用360视频作为背景？

Question

我想放一个这样的视频： https://www.youtube.com/watch?v=qvOKJrij6ak

作为此网站的背景： http://dissevelt.herokuapp.com

Answer 1

看看这个：

https://threejs.org/docs/#api/textures/VideoTexture

和此：

https://threejs.org/examples/#webgl_materials_video

和此：

https://threejs.org/examples/webgl_video_panorama_equirectangular.html

和此：

Show Youtube video source into HTML5 video tag?

THREE.SphereGeometry（）的默认UV映射适用于我尝试过的很多360个视频..所以制作一个THREE.Mesh（THREE.SphereGeometry（100,16,16），新的三个。 MeshBasicMaterial（{map：你的视频纹理}，侧面：THREE.BackSide））

制作100个单位的视频领域，仅渲染球体内部。