Pannellum 1.2

With a few new features, a few improvements, and a bug fix, Pannellum 1.2 has been released. The new release includes keyboard panning controls, support for a fallback URL if WebGL is not supported by a browser, clarified load button text, and vector icons. Also included is a workaround for a, now resolved, regression in WebKit’s fullscreen API support. Enjoy!

Update: Pannellum 1.2.1 has been released with a fix for a minor mouse dragging bug.

The new release can be downloaded here, or one can see the project on Github.

This entry was posted in and tagged , , , , . Bookmark the permalink.

4 Responses to Pannellum 1.2

  1. MarkS says:

    The sphericam (kickstarter launch) allows users to get video in equirectangular form (I hope;)).
    Is there a way to modify this to take equirectangular projected video rather than a still image ?

    • Matthew Petroff says:

      It’s definitely possible. If one uses a loop to run “renderer.setImage(VIDEO_FRAME)” each frame where VIDEO_FRAME is the video frame, it should work. Although, I’m not sure how efficient that is. I’ve seen an HTML5 equirectangular video viewer before, so I would take a look at it and see how it works.

  2. MarkS says:

    Check out this approach – I think its flash based but he has equirectangular video workign quite well.. wish it was webgl ;-)

  3. Raymond says:

    Hope i’m not necro-ing, but awesome work.

    I have had some trouble with adding hotspots for a bit. I only wanted a single hotspot, so i hardcoded it as JSON within pannellum.js .

    It never showed up, BUT after i set positioning on hotspot class to absolute it popped right up.

    Here’s the weird part:
    Rotating the image counter-clockwise (dragging mouse from the center to the left, it’s all a matter of perspective anyway) keeps the hotspot correctly in place, however, rotating it clockwise, the hotspot seems to remain in a fixed position on the screen instead of a fixed position according to the image.

    Could this be the result of having it as position:absolute?
    Any ideas what i could do?