three.js VideoTexture

創(chuàng)建一個使用視頻來作為貼圖的紋理對象。

注意：初次使用紋理后，無法更改視頻。相反，在紋理上調(diào)用 .dispose() 并實例化一個新紋理。

代碼示例

// assuming you have created a HTML video element with id="video"
const video = document.getElementById( 'video' );
const texture = new THREE.VideoTexture( video );

例子

materials / video
materials / video / webcam
video / kinect
video / panorama / equirectangular
vr / video

構造函數(shù)

VideoTexture( video : Video, mapping : Constant, wrapS : Constant, wrapT : Constant, magFilter : Constant, minFilter : Constant, format : Constant, type : Constant, anisotropy : Number )

video -- 將被作為紋理貼圖來使用的Video元素。

mapping -- 紋理貼圖將被如何應用（映射）到物體上，它是THREE.UVMapping中的對象類型。 

wrapS -- 默認值是THREE.ClampToEdgeWrapping. 

wrapT -- 默認值是THREE.ClampToEdgeWrapping. 

magFilter -- 當一個紋素覆蓋大于一個像素時，貼圖將如何采樣。 其默認值為THREE.LinearFilter。

minFilter -- 當一個紋素覆蓋小于一個像素時，貼圖將如何采樣。 其默認值為THREE.LinearFilter。

format -- The default is THREE.RGBAFormat. 

type -- 默認值是THREE.UnsignedByteType. 

anisotropy -- 沿著軸，通過具有最高紋素密度的像素的采樣數(shù)。 默認情況下，這個值為1。設置一個較高的值將會比基本的mipmap產(chǎn)生更清晰的效果，代價是需要使用更多紋理樣本。 使用renderer.getMaxAnisotropy() 來查詢GPU中各向異性的最大有效值；這個值通常是2的冪。

屬性

共有屬性請參見其基類Texture。

.generateMipmaps : Boolean

是否生成 mipmap。默認為假。

.isVideoTexture : Boolean

只讀標志，用于檢查給定對象是否屬于 VideoTexture 類型。

.needsUpdate : Boolean

在這里，你不必手動設置這個值，因為它是由update()方法來進行控制的。

方法

共有方法請參見其基類Texture。

.update () : undefined

在每一次新的一幀可用時，這個方法將被自動調(diào)用， 并將 .needsUpdate : Boolean設置為true。

源代碼

src/textures/VideoTexture.js