R3F: Video textures

Video textures를 사용해서 비디오를 재생하는 방법을 알아봅니다.

2025=-07-06

소개

Video textures

비디오는 1800x1000 크기를 가집니다. Thumbnail로 사용할 이미지 역시 같은 크기를 가집니다.

useAspect를 사용하면 <Canvas />의 크기에 맞춰서 비디오와 이미지의 크기를 조정할 수 있습니다.

비디오를 로딩하는 동안 이미지를 표시하기 위해 <Suspense fallback />을 사용합니다.

Texture를 적용하는 <meshBasicMaterial /><planeGeometry />와 함께 사용하여 평면에 뿌려지도록 합니다.

<OrbitControls />을 사용하였기 때문에 3차원 공간에 배치된 하나의 평면처럼 다양한 시점에서 렌러링된 비디오를 볼 수 있습니다.

Loading script...