The immersive experience!

What is Panorado JS?

Panorado JS enables you to design websites and web applications with interactive panoramic pictures or other kinds of large pictures.

^ Internet gallery with a popup viewer
(www.wag-berlin.de)

A picture tells more than a thousand words - this also applies to websites. And a panoramic picture tells more than an "ordinary" picture.

Panoramic pictures can present locations in 3 dimensions - and thus add attraction to your website.

What is unique about this viewer?

  • The Panorado JS viewer makes a large image visible within a smaller window. You can use your mouse, your fingers or your keyboard to move the visible portion.
  • For zooming in and out, use the mouse wheel, pinch zooming (on touchscreens) or the keyboard.
  • The viewer has a very appealing, smooth appearance, using soft start, soft pan, soft zoom, and soft fading effects.
  • The viewer supports touch control and device orientation control on tablets and smartphones.
  • Source images can be in JPEG, PNG, or GIF format.
  • Control buttons for the most important functions can be overlaid automatically.
  • Alternatively, you can create customized controls outside the viewer using HTML elements.
  • Optional: A compass scale on the lower edge of the image.
  • There are two projection modes available now, for different purposes:
    fast - flat rendering with unprecedented fast and smooth movementes even on large area viewers
    spherical - spherical rendering of full or partial panoramic images.
  • The viewer supports hotspots. Hotspots are represented by small symbols which are optionally displayed above the image, providing a textual description when the mouse is above it, and linking to another page when clicked.
  • The viewer now supports overlays (new in version 2.4). Overlays are similar to hotspots, but allow to integrate complex HTML elements like <div> which pop up when the overlay symbol is clicked. User interaction is optimized for touch input.
  • The viewer is suited for smartphone/VR glasses combinations.
  • Integrating the viewer: The viewer is represented by a HTML5 <canvas> element with supplementing JavaScript code from an external script file.
    There are lots of programming options for controlling the viewer, especially if you are a little familiar with HTML5 and JavaScript coding. For example, combining the viewer with a Field of View display element.
    See the Tech page for details.

Some examples?

Panoramic pictures can contribute to:

  • Touristic websites: Hotels, apartments, touristic facilities
  • Real estate websites
  • Websites of museums, art galleries, and image archives
  • Documentation of industrial sites
  • Maps of all kinds
  • Virtual tours, using the viewer's hotspot option

Maybe you have some ideas of your own?


^ Touristic page with integrated viewer


Some reference sites:

What kind of images can be displayed?

One flat image file

Allows deep zooming

 

One equirectangular image file

Most popular format for panoramic images up to 360/180°

(You are encouraged to check this feature on competing products!)

One cube stripe image file

Allows faster rendering on slow graphics hardware

Requires pre-processing of one image file

Multiple (>= 6) tiled image files

Allows successive loading of large images

Requires pre-processing and loading of multiple images

Which system environment is required?

You certainly need a web browser for displaying HTML pages. Panorado JS requires some HTML5 features which are supported by the current browsers.

But absolutely no plugins or add-ons: No Flash, no Java, no Silverlight!

Thus, it runs on all popular browsers and on all popular platforms!

We regularly perform compatibility tests on 13 different OS/browser configurations.

Since some HTML5 features are relatively new, canvas and touch implementations still differ between browsers.

Generally, browsers on Windows 10+ and Android 7+ platforms are quite stable and fast.

All current browsers support hardware graphics with WebGL. Thus, Panorado JS v.2.6 has terminated support for older (and slower) graphics standards.

The quality and performance of touch and device orientation handling on tablet and smartphone devices has significantly improved, and we expect further development in the near future.

You want to check out the viewer?

You need to perform these steps:

  • Take pictures. You can use an ordinary digital camera or a smartphone, if you take care of some details. Click here for more about it.
  • Assemble single pictures to form a panoramic picture ("Stitching").
    There is special stitching software; see the details in the background article. You'll find short descriptions of stitching tools and links to manufacturers on the Links page.
  • DOWNLOAD >>   save the JavaScript file (Panorado_min.js, about 170 kB) to your destination folder.
  • Write and test the HTML frame. On the Tech page, you'll find two HTML code examples from which you can copy-and-paste to your own HTML page.
    With some HTML basics in mind, modify and extend the code according to your needs.
    For larger projects with many images and/or overlays, you can now use an interactive Online Configurator.
  • Upload all components.
    Copy the HTML document, the image file(s), and the Panorado JS script to your web server, test again. That's it!

The current build version is 2.6.1.9.

You want a panorama on your private website?

The use of this viewer is free on private (non-profit) websites!

The only "limitation" is a little Panorado logo displayed in the image's bottom-right corner.

You are considering a commercial application?

Using the Panorado JS script on commercial (non-private) websites or publications requires a license agreement as soon as the pages containing the viewer are published. This applies for example to corporations, shops, advertising, enterprises, organisations, schools, universities.

Viewers with registered license keys don't display a Panorado logo.

ORDER NOW >>

You have some special requirements? Questions?

You are planning to use a panorama viewer within a complex web server application?

You don't like to do the programming yourself?

You need development or customization support?

You are interested in a special agreement for a non-profit organisation?

Please don't hesitate to contact us!

Contact Impressum Privacy Policy