icon

<stereo-img>

A web component for stereo 3D pictures with VR support (GitHub).
It supports VR Photos (VR180, Google Camera panorama, Cardboard camera), left-right, anaglyph...
See stereo-viewer.com for a stereo image viewer web app using this component.

Demo

(or use left/right keyboard keys, or in VR the triggers or the thumbsticks of the controllers)

These are best viewed in VR, click "Enter VR" if your device supports VR.

Use it

To add this viewer to your page or app: 


<script type="module" src="https://stereo-img.steren.fr/stereo-img.js"></script>
<stereo-img src="picture.vr.jpg"></stereo-img>

See optional element attributes.

For info

Just for comparison, here is the same picture in a regular <img> element: