Mixed 3D windows on one page

Three kinds of glasses-free-3D content — still 3D photos, a live 3D video, and a real-time three.js scene — each woven inline by the same one-line SDK call, all sharing one WebXR session. The runtime batches every visible window into a single weave per frame, so this scales to a wall. Flat 2D on any other browser.

Detecting DisplayXR Browser…

Live three.js scene — wall.addScene()

A spinning crate rendered twice per frame into the two eye viewports, off-axis from your tracked eyes — move your head to look around it.

3D photos — wall.addImage()

3D video — wall.addVideo()

A side-by-side .mp4 played straight into the same one-line call — the SDK re-draws the <video> into its canvas each frame, so live video weaves exactly like a still.