Getting Started

Playground

Test Photo Sphere Viewer with you own panorama in the Playground

Install Photo Sphere Viewer

With npm or yarn

npm install @photo-sphere-viewer/core

yarn add @photo-sphere-viewer/core

Via CDN

Photo Sphere Viewer is available on jsDelivr

Manually

You can also download the latest release

Dependencies

• Three.js

Your first viewer

Include all JS & CSS files in your page manually or with your favorite bundler and init the viewer.

The panorama must be an equirectangular projection of your photo. Other modes are supported through adapters.

Cropped panoramas

If your image is not covering a full 360°×180° sphere, it will be deformed. You can fix it by providing cropping data.