krpano HTML5 Multiresolution Preview

  • Hi,

    here a short preview about what will come with the next krpano version:
    krpano HTML5 Multiresolution Preview


    Some key features and details about the new HTML5 Multiresolution viewer:

    • High-Performance and Imagequality
      • The multi-resolution system in the new viewer was build up from ground and designed for the todays HTML5 requirements.
      • It works with WebGL and CSS3D and when WebGL is available, then all technical possibilities that are possible with it, were used of course - that means fast-rendering, Mip-Mapping (for reducing aliasing) and different panoramic projections like Fisheye, Stereographic (=Little-Planet) or Pannini (use the right-click contextmenu in the examples to change that).
      • The Javascript rendering code is extremely fast and efficient, even on slower mobile devices it takes only a few milliseconds (1-4ms) to build up the view that the browser needs to display.
      • The only left performance drawback in HTML5 is the image-decoding - every time an image gets used the first time, the browser needs to 'decode' it (e.g. from jpeg to its pixels) and this decoding 'blocks/stops' the browser for a short time. On typical desktop computers and with newer browsers this is almost not noticeable, but on slower mobile devices this is still a problem. To reduce that problem, the viewer does the image-decoding only when there is no movement in the pano on these devices.
    • No size limits
      • Different to the current Flash version, there are practically no limits of the panoramic image size. The Flash version does a lot of precalculations for faster runtime-rendering, but this increases the startup-time and the memory-need, so these two things are limiting the usable maximum size there. In the HTML5 version this is not the case, there everything will be managed and calculated on demand. There several Gigapixel-, Terapixel or even Petapixel are no problem.
    • Stability and efficient Memory-usage
      • Especially on the iOS devices this is very important topic - the Safari browser there tends to crash or close-itself when too much memory will be used.
      • Therefore the viewer constantly manages the memory and number of loaded and displayed tiles - and when too much memory would be needed, then older, currently not used tiles will be removed and unloaded.
    • Cross-Platform, Cross-Device, Cross-Browser compatibility:
      • Even with HTML5 there are still a lot differences between the browsers (especially for CSS3D rendering). Like in the previous krpano versions, the viewer automatically deals with these differences.
        All common browsers and devices are supported - with one exception - Android WebView-based browsers (without WebGL support) are not capable enough for HTML5 multiresoltuion - the CSS3D rendering in these browsers is just too buggy to be able to be used. But other Android browsers like Chrome, Firefox or Opera are working very well. And because Google itself also plans to remove and replace the current WebView, this should be only a temporary problem. In several newer Android devices the stock browser is already Chrome or at least Chrome-based.


    The new HTML5 viewer is available for downloading and testing - just get it here:
    krpano HTML5 Multiresolution Preview - Download

    Additionally some slightly off-topic remarks:

    A big Hello to everyone at the Iceland2013 IVRPA conference - unfortunately I wasn't early enough ready with everything (the new viewer, the examples, and many things more) to be able to come there - but next time I will for sure! ;-)

    Thanks to Kolor for presenting the new krpano HTML5 viewer there.

    And also thanks for Jeffrey Martin and 360cities for providing the 45 Gigapixel Tokyo pano - this pano has great quality, is extremely large and has soo much content to explore - so it was the ideal pano for demonstrating the new krpano HTML5 multiresolution possibilities.

    Best regards,

  • Hiphiphip BRAVO !
    Your the best Klaus, as always !
    Incredible smooth on ipad too !

    Any idea for the release date ?
    Working on a big project and I would love to add multi-resolution on ipad too...
    And the support of flat panorama would be a must !

    Thanx a lot for your great work !

  • i find that when u 'just use the multires droplet that the <view> settings do not give the expected result.

    change that line in , for example, :

    <view fovtype="MFOV" fov="90" fovmin="8" fovmax="120.0" />

    edit: in my little home test aprox 1 gigapixel i had to set fomin 8
    tokyo example is 0.5
    maxpixelzoom seems off.. *question*

    am i right Klaus?

    Tuur *thumbsup*

  • Hi,

    Any idea for the release date ?

    When ready, but there might be before a pre-release with disable-able watermark...

    And the support of flat panorama would be a must !

    Of course - flat pano support should be ready already for final 1.17, but partial pano support might be come first with 1.18 because this requires more tools changes...

    maxpixelzoom seems off

    Right, the maxpixelzoom isn't implemented yet in HTML5, but it will be in the final.

    Best regards,

  • Excellent! update, Its really smooth and fabulous.

    And i also expecting the 3D projection (passive, side by side ) to view it in now a days 3DTV(Television)'s.
    Is that possible!

  • Hi,

    And i also expecting the 3D projection (passive, side by side ) to view it in now a days 3DTV(Television)'s.
    Is that possible!

    That's not directly related to multires, but you can already use the multiple-krpano viewers (with different panos) on one page and sync their view:…syncscreen.html

    when do you think you will remove the watermark?

    There will be a non-watermarked pre-release as soon as all basics are working.

    Best regards,

  • Great Great incredible job klauss !!!

    I was looking the 360 video streaming of thomas rauscher, when I listened the great new of html5 multiresolution !!

    And youre answer is awesome !! being the first of course doesn't mean being the best !!!

    A bit of joke, but this reminds me of the cold war... who is gonna be the first of printing 360 video with HTML5 ¿?

    the difference is that is not an international war !!! Great austrian software !!

    **By the way the 360 livestreaming video was useless very bad cuality and those who doesn't own a fast internet connection, we were missing quite a lot...

Participate now!

Don’t have an account yet? Register yourself now and be a part of our community!