THREE.JS / VIDEO TEXTURE / EQUIRECTANGULAR

Look around the frame.

The pinned panorama example maps a hidden looping video onto an inward-facing sphere and updates the camera from longitude/latitude pointer gestures. This contract uses a deterministic local canvas stream in place of the missing official panorama video.

Initializing—

Preparing an equirectangular video stream and inward sphere.

backend
—
texture
—
source
—
frame
—
view
—
sample
—
video ready
—
size
—
sphere
—
Selected source contractVideoTexture(HTMLVideoElement) → inward SphereGeometry → lon/lat camera

The native lane uses VideoTexture, an inward-scaled sphere, distance = 0.5, and clamped longitude/latitude camera navigation. The WebGL2 lane is explicitly labeled; the official MP4/WebM assets, exact pixels, codec/device matrices, and whole-example fidelity remain separate.

Derived from the pinned WebGPU Video Panorama example. Use ?backend=webgl for the explicit WebGL2 reference lane.