HTML5 panorama viewer Javascript

Your browser does not support the HTML5 canvas element.

Drag your mouse to navigate through the panorama.


Experimental HTML5 panorama viewer using the new HTLM5 canvas element. This script displays equirectangular (360x180) panoramas. So just one image is necessary to display a complete 360x180 panorama.


I mainly was curious how fast equirectangular panorama image can be displayed with a HTML5 canvas. So the script isn't cleaned up very well, but it gave me at least an idea that it is possible. On my an Intel Core i7 CPU I get more than 20 frames per second. That is of course not very fast but usable. And the best of all it doesn't require any Plug-Ins :)



I've tested this HTML5 panorama script with the latest versions of Safari, Firefox and Chrome on Mac OS X. But it should also run on other platforms supporting HTML5.


The html5pano.js script is released under the Simplified BSD License. Please see comments within the script.


Please use the following link to download the script including a sample panorama image.


17.Aug.2010, Martin Wengenmayer