有没有办法在 Three.js 中拥有透明的视频背景？答案

【问题标题】：Is there a way to have transparent video background in Three.js?有没有办法在 Three.js 中拥有透明的视频背景？
【发布时间】：2019-08-27 18:27:45
【问题描述】：

我有一个绿屏 HTML5 视频，并希望使用 Three.js 在具有视频纹理的平面上显示它。

我尝试使用两种不同的视频纹理（视频和 Alpha 通道），但它们在时间上并没有完全同步，而且根据我的阅读内容，很难同步两个 HTML5 视频。

我认为使用 .webm 视频是可行的方法，但我无法让 alpha 通道与 Three.js 一起使用。有可能还是有其他方法可以做到？谢谢！

var material = new THREE.MeshBasicMaterial( { map: videoTexture, transparent: true } );

【问题讨论】：

【解决方案1】：

您必须指定格式才能获得透明度：

texture.format = THREE.RGBAFormat;

谢谢大家

【讨论】：