소개
비디오는 1800x1000 크기를 가집니다. Thumbnail로 사용할 이미지 역시 같은 크기를 가집니다.
useAspect
를 사용하면 <Canvas />
의 크기에 맞춰서 비디오와 이미지의 크기를 조정할 수 있습니다.
비디오를 로딩하는 동안 이미지를 표시하기 위해 <Suspense fallback />
을 사용합니다.
Texture를 적용하는 <meshBasicMaterial />
은 <planeGeometry />
와 함께 사용하여 평면에 뿌려지도록 합니다.
<OrbitControls />
을 사용하였기 때문에 3차원 공간에 배치된 하나의 평면처럼 다양한 시점에서 렌러링된 비디오를 볼 수 있습니다.