Stereoscopic Image viewer for WebXR

Does anyone know of a BJS playground or a website where I can upload side by side / up & over stereoscopic images (preferrably equirectangular or 180) and view them on a HMD like Apple Vision Pro or the Meta Quest?

I was blown away by the recent AVP convert 2D image to 3D image feature. The 3D images were beautiful. But viewing 3D images is available only on native Photos app. I’d like to view them on the web.

cc @RaananW who might have some ideas ?

Both the PhotoDome and the VideoDome classes are XR-ready. so if you use a side-by-side image you will get half of the image on each eye. They support 180, with side-by-side and top-to-bottom formatting.

2 Likes

@RaananW I modified the PhotoDome playgroundwhich is listed in the photodome docs page and added a DefaultExperienceHelper. I ran in to an error on the apple vision pro

I’m using Vision OS2 Beta. I tried other BJS WebXR playgrounds as well and they all have the same error.

I verified the appropriate WebXR flags are on for the device and was able to open demos at https://immersiveweb.dev/

Any idea what could be going on?

Must be a vision-pro related issue. The canvas’ makeXRCompatible is being executed but throwing an exception. Safari being safari. Is this on the emulator, or a real device?

This is on a real device @RaananW

1 Like

Gosh apple… get your APIs straight. Let me think of a temp solution to see if it will work. The issue is that the canvas is not XR ready (for some odd reason), and the makeXRCompatible function throws. It makes no sense, but it is safari, so it does.
There is another way to handle XR compatibility, but it will require making changes to the engine. I’ll get back to you on this one.

2 Likes

@RaananW Please ignore. I updated to the BETA version (22N5308b) and things are looking good and it works now.

Sorry for the scare. This might’ve been a temporary issue.

1 Like

Thanks for letting me know :slight_smile: I was looking for a fix