You are not logged in.

1

Tuesday, October 16th 2012, 7:21pm

HTML5, Android Tablet, Fullscreen

I was wondering if anyone has successfully implemented the fullscreen button on an android tablet in html5. I'm using the 2012-10-05 build but not sure if I have to add something extra. I have a devices="html5" which works on chrome desktop and set devices="android" but it doesn't work on tablet

Thanks in advance.

Robert

2

Wednesday, October 17th 2012, 8:12am

Hi,

please see here:
http://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

3

Thursday, October 18th 2012, 6:07pm

Sorry Klaus,

I don't understand what you mean and the explanation is somewhat cryptic. Do you mean fullscreensupport="android". Sorry if I'm being an idiot.

Robert

4

Thursday, October 18th 2012, 6:19pm

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.

Source code

1
<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

5

Friday, May 17th 2013, 4:37pm

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? *smile*

k

6

Friday, May 17th 2013, 4:51pm

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:
http://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.

Source code

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

or

Source code

1
if(device.ios, ...);


See:
http://krpano.com/docu/xml/#devices-notes
http://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

7

Thursday, September 19th 2013, 9:29pm

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

tonesh

Trainee

Posts: 69

Location: Rome

Occupation: Photographer

  • Send private message

8

Monday, September 23rd 2013, 8:47am

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

tonesh

Trainee

Posts: 69

Location: Rome

Occupation: Photographer

  • Send private message

9

Monday, September 23rd 2013, 9:20am

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/

Similar threads