stereo-panorama-viewer

View stereoscopic panoramas in your browser!

usage

• Head to https://spano.pyrik.dev/ to try it out.

format

Only "stacked" panoramas are supported. A "stacked" panorama is composed of two equirectangular-panoramas one on top of the other.

Two sources are:

• NVIDIA Ansel
• Cardboard Camera (after conversion)

query parameters

url

Should contain a direct link to a panorama.

Example:

https://spano.pyrik.dev/?url=https%3A%2F%2Fi.imgur.com%2FPgAHSy8.jpg

embedded

If the querystring contains embedded, then all UI will be hidden except for the "Enter VR" button.

Example:

https://spano.pyrik.dev/?embedded=&url=https%3A%2F%2Fi.imgur.com%2FPgAHSy8.jpg

local development

Install the dependencies...

cd stereo-panorama-viewer
npm install

...then start Rollup:

npm run dev

Navigate to localhost:5000. You should see the app running.

By default, the server will only respond to requests from localhost. To allow connections from other computers, edit the sirv commands in package.json to include the option --host 0.0.0.0.

building

To create an optimised version of the app:

npm run build

deployment

stereo-panorama-viewer automatically deploys to Netlify every time a commit is pushed to the master branch.

notes

• This repo used to be called "overunder-aframe". It has been renamed to be more descriptive and to refocus on a core feature: displaying stereo panoramas.

references

• The logo/favicon uses the photo.svg tabler-icon.