HTML5, Android Tablet, Fullscreen

Hi,

please see here:
https://krpano.com/docu/html5/#fullscreen

For detecting the availability of the Fullscreen mode, the 'fullscreensupport' devices setting should be used.
Btw - neither the Android Stock Browser, nor the Android Chrome Browser, nor iOS are currently supporting the HTML5 Fullscreen API.

Best regards,
Klaus

Hi,

not every browser is already supporting HTML5 fullscreen mode!

And by using the 'fullscreensupport' devices setting it would possible to DETECT if the current browser is supporting the fullscreen mode.

e.g.

<layer name="fullscreenbutton" .... devices="fullscreensupport" />

And: the Android Stock Browser, the Android Chrome Browser and iOS are currently NOT supporting the HTML5 Fullscreen API.

Best regards,
Klaus

But it DOES work! At least on iOS.
I have it working perfectly well in my home page at http://panoramaphotographer.com/

On iPads, tap the 'open full screen' button and the panorama will be fitted to the browser window content area. In fact, it's NICER than the regular Flash-based full-screen in some ways as it allows other elements in the HTML page to be overlaid on top of the panorama. Try it in my home-page pano to see what I mean. (I wish it was possible to do little planets in iOS. Ah well.)

Klaus, is there a way in KRPano to detect iOS separately from other mobile devices? Or perhaps check for "fullscreensupport or iOS" rather than just fullscreensupport?

k

Hi,

the devices 'fullscreensupport' setting indicates only REAL fullscreen-mode support.

But that doesn't mean that the fullscreen setting itself is without function. When real fullscreen is not supported, then krpano will try to enlarge the html element of krpano to fill the whole screen.

See also the documentation of the fullscreen setting:
https://krpano.com/docu/actions/#fullscreen

But the 'fullscreensupport' device setting itself will be NOT set for iOS of course - image someone is using the pano already as full-window pano (which will be the default in all krpano tempaltes) - then a fullscreen-button looks irritating because it doesn't change anything.

Btw - detecting iOS is possible of course - e.g.

<xmlelement ... devices="ios" />

or

if(device.ios, ...);

See:
https://krpano.com/docu/xml/#devices-notes
https://krpano.com/docu/actions/#device

That means when a fullscreen-button makes sense in your case, you can add one of course.

Best regards,
Klaus

Zitat von klaus.krpano

But the 'fullscreensupport' device setting itself will be NOT set for iOS of course - image someone is using the pano already as full-window pano (which will be the default in all krpano tempaltes) - then a fullscreen-button looks irritating because it doesn't change anything.

Thanks for this Klaus, it makes sense when using the KRPano templates in the normal manner. However, I rarely do that – instead, I either use the generated div & necessary extras directly in a custom page layout or put it into an iframe. One example of the former is the home-page pano at http://panoramaphotographer.com/

I'll have to look back at what I did there so I can establish a simple workflow. For clarity, if I put a fullscreen action into a pano that's shown in a div within a larger page layout, KRPano will scale up the div to the window size in iOS?

Keith

Keith, I saw your example but it does not work...anymore

I think you have changed the Js, previous built, as the 1.0.8.14 where working:
see here, (obviously with an iPad...) it does not go to a real fullscreen as Klaus is saying, but fits the page

JS=1.0.8.14
http://www.studioargento.com/reportage/andynili/

and here with the new built, it goes to fit all the page, but then does not return properly to fit the div :

JS=1.16.7
http://www.studioargento.com/reportage/plymouth/

Now, is there a way to use the fullscreen button to make the pano fitting all the page,
a sort of fake fullscreen? Or is better to change the basic philosophy of viewing panos,
and avoid to put them in a div or in a portion of the page and just put a link to another page containing the pano
with 100% width/height?

Toni

Just to add that a solution for what I was saying before could be a javascript lightbox:
Sam Rohn has some examples:
http://www.samrohn.com/360-panorama/dior-boutique-manhattan/