You are not logged in.

Dear visitor, welcome to krpano.com Forum. If this is your first visit here, please read the Help. It explains in detail how this page works. To use all features of this page, you should consider registering. Please use the registration form, to register here or read more information about the registration process. If you are already registered, please login here.

olihar

Trainee

  • "olihar" started this thread

Posts: 140

Location: Iceland

Occupation: Interaction Designer

  • Send private message

1

Friday, October 4th 2019, 7:50pm

Link to Full screen iOS

So currently I have a link below my images where the image loads directly and therefore it is possible to get it working as full screen on iOS devices, as its not possible to have a full screen function inside a frame.

Then I started thinking, when iOS device is used could it be possible to have the full screen button as a direct link to the whole image, just as I have a link now below. But of course keep the full screen button as is for desktop and Android devices that support full screen.

Example here.

https://olihar.com/panorama/hnukar-sunset/

2

Sunday, October 6th 2019, 8:39am

Hi,

just include the new 'ios_iframe_fullscreen.xml' file anywhere in the your xml.

It will add a 'fake' fullscreen-mode support especially for iOS and especially for running inside in iframe.

When entering that fullscreen-mode, the viewer will redirect the page to the inner iframe page and so let the pano appear more 'fullscreen'.

Best regards,
Klaus

olihar

Trainee

  • "olihar" started this thread

Posts: 140

Location: Iceland

Occupation: Interaction Designer

  • Send private message

3

Sunday, October 6th 2019, 11:34pm

Interesting, I had not noticed, I just tried it and it works with the right click method. Not really what I had in mind but it works, now I just need to include this as a button in the menu items below.

Would it not be a good idea to include this as default with the themes as a button that only displays for iOS devices (Aka iPhones Full screen) instead of it being no button.

xhe

Beginner

Posts: 37

Location: Sunnyvale, California, USA

  • Send private message

4

Tuesday, October 8th 2019, 5:24pm

from the xml file, it seemed it regsiter:

krpano.registerattribute("fullscreen"...)


In order to trigger it fullscreen, shall we just call

krpano.setattribute("fullscreen", true) ?

olihar

Trainee

  • "olihar" started this thread

Posts: 140

Location: Iceland

Occupation: Interaction Designer

  • Send private message

5

Monday, October 14th 2019, 11:51am

I guess the VR button is kind of a Full screen button now as well, I guess I can just change the icon for that one.

6

Thursday, April 23rd 2020, 5:49pm

Hello everyone. I have implemented the feature and it works, neatly with a button provided by the skin too. Problem that remains for me is, that I have found no way to neatly exit 'pseudofullscreen'.
My first route was to use

Source code

1
2
3
4
5
<script>
function goBack() {
  window.history.back();
}
</script>


Half way through the implementation it dawned on my, that if I set a boolean to control, the behaviour of the button by means of a case statement I wont get anywhere far, as the booleans value will be default again, by the time the new 'pseudofullscreen' has loaded. (The boolean would basically be set 1 if on a ios device within iframe the user toggled fullscreen on).

Does anyone have an idea how to provide a way to exit pseudofullscreen and preferably even control the buttons appearance ?
In the worst case I am planning to use two buttons, one to enter and one to exit fullscreen.

This post has been edited 1 times, last edit by "_Matthias_" (Apr 23rd 2020, 8:24pm)


7

Friday, April 24th 2020, 11:15am

I have now added my least favourable option:

Source code

1
<layer name="skin_btn_fs_close"	style="skin_base|skin_glow" crop="64|576|64|64" align="right" x="154" y="0" scale="0.5" devices="ios.and.iframe" onclick="jscall('window.history.back();')"  />


And as expected it messes up the experience, if someone for example finds the page with the iframe through websearch and for some reason clicks the new button first... they'll get back to their websearch. i'll need a way to rectify this issue.

On one part it doesn't behave as expected... I thought I had it working at first... since adding

Source code

1
devices="ios.and.iframe"
the new button disappears when viewing in pseudofullscreen on ios in safari... if I remove it it works but obviously on every other device too. It will work when only specifying ios. So iframe is the culprit, it seems it's not being detected to be an iframe. Indeed the URL is the actual S3 address, which I believe is an issue exclusive to my testing environment.

Next I will try making use of JS objects window.location or window.history to control behavior and style of the button. This might allow me to have a single button that always works as expected... learning JS as I go, awesome *smile*

This post has been edited 1 times, last edit by "_Matthias_" (Apr 24th 2020, 12:25pm)