r3f-xr-widgets / useVideoMetadata

Function: useVideoMetadata()

useVideoMetadata(video): VideoDimensions | null

Defined in: src/hooks/useVideoMetadata.ts:42

Loads video metadata and returns dimensions.

Waits for the video's 'loadedmetadata' event to get the actual video dimensions (videoWidth, videoHeight). Returns null until loaded.

Parameters

video

HTMLVideoElement to monitor

HTMLVideoElement | undefined

Returns

VideoDimensions | null

Video dimensions or null if not loaded yet

Example

const video = useMemo(() => {
  const el = document.createElement('video')
  el.src = '/video.mp4'
  return el
}, [])

const dimensions = useVideoMetadata(video)

return dimensions ? (
  <XRLayer
    src={video}
    pixelWidth={dimensions.width}
    pixelHeight={dimensions.height}
  />
) : null