samien
/
three.js
mirror of https://github.com/mrdoob/three.js.git


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687
							<!DOCTYPE html>
<html lang="zh">
	<head>
		<meta charset="utf-8" />
		<base href="../../../" />
		<script src="page.js"></script>
		<link type="text/css" rel="stylesheet" href="page.css" />
	</head>
	<body>
		[page:VideoTexture] &rarr;

		<h1>视频帧纹理（[name]）</h1>

		<p class="desc">
		此类可用作定义视频数据的另一种方式。与 `VideoTexture` 类似，[name] 不需要使用 `HTMLVideoElement` 实例，而是需要通过 [page:.setFrame setFrame]() 手动定义每一帧。
		此模块的一个典型用例是使用 WebCodecs API 解码视频帧。
		</p>

		<h2>代码示例</h2>

		<code>
		const texture = new THREE.VideoFrameTexture();
		texture.setFrame( frame );
		</code>

		<h2>例子</h2>

		<p>
			[example:webgpu_video_frame video / frame]
		</p>

		<h2>构造函数</h2>
		<h3>
			[name]( [param:Constant mapping], [param:Constant wrapS],
			[param:Constant wrapT], [param:Constant magFilter], [param:Constant minFilter],
			[param:Constant format], [param:Constant type], [param:Number anisotropy] )
		</h3>
		<p>
			[page:Constant mapping] -- 纹理贴图将被如何应用（映射）到物体上，它是[page:Textures THREE.UVMapping]中的对象类型。
		请参阅[page:Textures mapping constants]（映射模式常量）来了解其他选项。<br />

			[page:Constant wrapS] -- 默认值是[page:Textures THREE.ClampToEdgeWrapping].
		请参阅[page:Textures wrap mode constants]（包裹模式常量）来了解其他选项。<br />

			[page:Constant wrapT] -- 默认值是[page:Textures THREE.ClampToEdgeWrapping].
		请参阅[page:Textures wrap mode constants]（包裹模式常量）来了解其他选项。<br />

			[page:Constant magFilter] -- 当一个纹素覆盖大于一个像素时，贴图将如何采样。
		其默认值为[page:Textures THREE.LinearFilter]。请参阅[page:Textures magnification filter constants]（放大滤镜常量）来了解其它选项。<br />

			[page:Constant minFilter] -- 当一个纹素覆盖小于一个像素时，贴图将如何采样。
		其默认值为[page:Textures THREE.LinearFilter]。请参阅[page:Textures minification filter constants]（缩小滤镜常量）来了解其它选项。<br />

			[page:Constant format] -- 默认值是 [page:Textures THREE.RGBAFormat]。
	 	请参阅[page:Textures format constants]（格式常量）来了解各个选项。<br />

			[page:Constant type] -- 默认值是 [page:Textures THREE.UnsignedByteType].
	 	请参阅[page:Textures type constants]（类型常量）来了解其他选项。<br />

			[page:Number anisotropy] -- 沿着轴，通过具有最高纹素密度的像素的采样数。
		默认情况下，这个值为 `1`。设置一个较高的值将会比基本的mipmap产生更清晰的效果，代价是需要使用更多纹理样本。
		使用[page:WebGLrenderer.getMaxAnisotropy renderer.getMaxAnisotropy]() 来查询GPU中各向异性的最大有效值；这个值通常是2的幂。<br /><br />
		</p>

		<h2>属性</h2>

		<p>共有属性请参见其基类[page:VideoTexture VideoTexture]。</p>

		<h3>[property:Boolean isVideoFrameTexture]</h3>
		<p>只读属性，用于检查给定对象是否为 [name] 类型。</p>

		<h2>方法</h2>

		<p>共有方法请参见其基类 [page:VideoTexture VideoTexture]。</p>

		<h3>[method:undefined setFrame]( [param:VideoFrame frame] )</h3>
		<p>
			设置视频的当前帧。这将自动更新纹理，以便数据可用于渲染。
		</p>

		<h2>源码</h2>

		<p>
			[link:https://github.com/mrdoob/three.js/blob/master/src/[path].js src/[path].js]
		</p>
	</body>
</html>