You are not logged in.

HTML Page inside Pano Plugin

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.

AlexGrif

Trainee

  • "AlexGrif" started this thread

Posts: 115

  • Send private message

1

Tuesday, October 28th 2014, 9:33pm

HTML Page inside Pano Plugin

Hello!


this is the discussion thread for the HTML Page inside Pano Plugin


The plugin allows to include the html pages into your pano and interact with them.


Feature requests would be appreciated.

UPD: The Version 3.0 of the HTML Page Plugin available from 14.05.2015
You can include YouTube video now (and video from any other hosting).
If you have the older version of the plugin, please write us from the register e-mail. We shall sent you the update. It's free.

This post has been edited 1 times, last edit by "AlexGrif" (May 15th 2015, 11:45am)

tmhok

Intermediate

Posts: 171

  • Send private message

2

Wednesday, October 29th 2014, 8:53am

js lightbox is very good solution！but something also go wrong！

when swtich to fullscreen，can not see the lightbox（popup html）

AlexGrif

Trainee

  • "AlexGrif" started this thread

Posts: 115

  • Send private message

3

Wednesday, October 29th 2014, 5:09pm

Yes, this solution does not allow to switch to the fullscreen mode.
I'm afraid it is not possible to do this at this moment.
krpano opens the fullscreen over all the other windows.

benji33

Intermediate

Posts: 244

Location: France

Occupation: Senior Software engineer

  • Send private message

4

Thursday, October 30th 2014, 2:30pm

For HTML5 viewer only the textfield plugin should be able to serve an HTML page into an iframe. Not tested but should work with a code like this one :

Source code

 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

<action name="create_player">if(device.html5,
  addlayer(textfield_player);
  set(layer[textfield_player].align, lefttop);
  set(layer[textfield_player].x, 10);
  set(layer[textfield_player].y, 10);
  set(layer[textfield_player].alpha, 0.0);
  set(layer[textfield_player].width, 800);
  set(layer[textfield_player].height, 400);
  set(layer[textfield_player].url, '%FIRSTXML%/plugins/textfield.swf');
  set(layer[textfield_player].html, '[iframe width="800" height="400" src="http://krpano.com/" frameborder="0" allowfullscreen][/iframe]');
  set(layer[textfield_player].onloaded, show_player() );
);
</action>

<action name="show_player">
  if(layer[textfield_player],
	tween(layer[textfield_player].alpha, 1.0);
  );
</action>

AlexGrif

Trainee

  • "AlexGrif" started this thread

Posts: 115

  • Send private message

5

Thursday, October 30th 2014, 6:22pm

We have tested this solution with textfield plugin on different devices, browsers and operation systems. The conclusions:

  1. The textfield plugin does not work stable to show html page. In some cases it can show. But on other browser, or system or device the same page will not be shown. The html page inside pano plugin works stable.
  2. The complex objects can’t be shown with textfield plugin. The flash in html page in all cases will be end with the black screen. The html page inside pano plugin can show any object.
  3. You can’t organize the transfer after the link from the one html page to another with textfield plugin. The html page inside pano plugin allow to move from one page to other
  4. The most solutions with html and textfield plugin are need in your high programming level. While the standard complect of the html page inside pano plugin includes 14 standard ready programming solutions and very simple in use. The examples are here:
    http://www.classic-ru.org/krpano_plugin/
    Of course, you can experiment with your own usage of it.
  5. About html5 and flash browsers for panorama. The virtual pano is the 3d world. After it in some cases the computer hardware can not show the panorama in html 5. You will see the black screen and no error massage. In most cases the conflict happens with graphic drivers. These conflicts are different for different browsers and depends on the configuration of the concrete device. For Mozilla Fireforks you can find the
    additional information here
    https://wiki.mozilla.org/Blocklisting/Bl…raphics_Drivers
The krpano allow publishing both in html 5 and flash format. And this is the good practice now. The html page plugin works stable in both formats.

This post has been edited 3 times, last edit by "AlexGrif" (Mar 16th 2015, 9:11pm) with the following reason: The test on different devices, browsers and operating systems was complete

jordi

Professional

Posts: 583

Location: Barcelona

Occupation: creating ideas & coding them

  • Send private message

6

Monday, November 3rd 2014, 12:19am

I was thinking flash user would be around 5%
everpano.com step beyond 360

AlexGrif

Trainee

  • "AlexGrif" started this thread

Posts: 115

  • Send private message

7

Monday, November 3rd 2014, 9:22am

Quoted from "jordi"

I was thinking flash user would be around 5%
About html5 and flash
browsers for panorama. The virtual pano is the 3d world. After it in
some cases the computer hardware can not show the panorama in html 5.
You will see the black screen and no error massage. In most cases the
conflict happens with graphic drivers. These conflicts are different for
different browsers and depends on the configuration of the concrete
device. For Mozilla Fireforks you can find the additional information here[url]https://wiki.mozilla.org/Blocklisting/Bl…raphics_Drivers[/url] The
krpano allow publishing both in html 5 and flash format. And this is
the good practice now. The html page plugin works stable in both
formats.

This post has been edited 2 times, last edit by "AlexGrif" (Mar 16th 2015, 9:14pm)

michael360

Beginner

Posts: 25

  • Send private message

8

Thursday, November 6th 2014, 8:41pm

Please provide an example/demo with a fully interactive HTML page in the popup window - e.g. a wikipedia page - that occupies, say, 80% of the screen (width and height) - preferably with two or more different links from the VT.

AlexGrif

Trainee

  • "AlexGrif" started this thread

Posts: 115

  • Send private message

9

Friday, November 7th 2014, 7:38pm

Quoted from "michael360"

Please provide an example/demo with a fully interactive HTML page in the popup window - e.g. a wikipedia page
Here you can see the example with wikipedia page 80% of the screen

Solved: use pixels or percentages to order the dimensions of window

Quoted from "michael360"

preferably with two or more different links from the VT. We made this plugin for our project to add the data base in the vtour and use the selection of the data.
You can receive the parameter from the pano with usual method get
For example: forma.php?ntable=3
If you need to receive more then one parameter use &amp;
For example: forma.php?ntable=3&amp;rest=White
Here you can see the example of the order Form in restaurant http://www.classic-ru.org/ex4/ You get the table number and the name of the hall. (You can't send the order under the security reasons).
Also this plugin can be use to add a lot of the little interesting interactivities in your pano.
[url]http://www.panoramas.classic-ru.org/carskoye_park/
You can see here:
the comments
the weather forecast
multipage help for each pano
slideshow for each pano

But if you need you can extended this list infinitely. No restriction for use.

This post has been edited 1 times, last edit by "AlexGrif" (May 14th 2015, 10:29pm)

virtual pete

Intermediate

Posts: 243

Location: Nerja

Occupation: Holiday rentals Nerja Costa del Sol

  • Send private message

10

Friday, November 7th 2014, 8:52pm

Hi Alex. I have just bought the plugin and it works as suggested. I have however just tested it on my iPad and the iframe opens ok and the contect is ok but the scroll bars are missing so you cannot navigate the content which makes it not so good.

I have opened the wikipedia page you suggested in the previous post just incase I had done something wrong on my project
http://www.classic-ru.org/krpano_plugin/index2.htm

and the same problem.


Any ideas?

I look forward to hearing from you.

AlexGrif

Trainee

  • "AlexGrif" started this thread

Posts: 115

  • Send private message

11

Friday, November 7th 2014, 9:50pm

Hi!
Yes, it's really the problems with scroll bar on the mobile devices. After it we suggest to assign the dimension in pixels, not in % . We also suggest only the solutions with your own pages. But if you try to include the whole site in your pano it still exists on the mobile.
But this problem have a very easy solution.
you need to write on the button
devices = !mobile - direct call of our plugin
devices = mobile - call additional action
So. I have the lection after tomorrow, and now I need to prepare it. After it we can complete this action, as the include. I think it will be ready in 2-3 days. I'll send it for you.
If it is urgently, please, write me private message. I'll describe how you can make it just now.

virtual pete

Intermediate

Posts: 243

Location: Nerja

Occupation: Holiday rentals Nerja Costa del Sol

  • Send private message

12

Friday, November 7th 2014, 9:58pm

Thanks Alex for your prompt attention :)

I will send you a PM with my details.

Thanks again.

virtual pete

Intermediate

Posts: 243

Location: Nerja

Occupation: Holiday rentals Nerja Costa del Sol

  • Send private message

13

Saturday, November 8th 2014, 10:33am

Hi Alex, I have a Youtube video embedded in the html plugin but when I close the pop up the sound is still playing. Do you know of a workaround for this?

I look forward to hearing from you.

AlexGrif

Trainee

  • "AlexGrif" started this thread

Posts: 115

  • Send private message

14

Saturday, November 8th 2014, 1:17pm

Hi!

Quoted from "virtual pete"

I have a Youtube video embedded in the html plugin




Solved: in the 3-d version you can insert YouTube Video

This post has been edited 1 times, last edit by "AlexGrif" (May 14th 2015, 10:31pm)

virtual pete

Intermediate

Posts: 243

Location: Nerja

Occupation: Holiday rentals Nerja Costa del Sol

  • Send private message

15

Saturday, November 8th 2014, 3:36pm

Thanks Alex, ok great I am still using the older version so will updatye.

Thanks again *smile*

AlexGrif

Trainee

  • "AlexGrif" started this thread

Posts: 115

  • Send private message

16

Wednesday, November 12th 2014, 6:48pm

Hi!
We had tried the different approaches.
Conclusions:
1. Our plugins work stable both on html and flash. You can insert the fully interactive HTML page with any configuration or the whole site.
2. On desktops any html page works stable. You can order the dimension of window in pixels. If the dimension of site exceeds the dimension of window the scroll bars appears.
3. On iPad the plugin works stable. You can load the html page with any interactivity. But the scroll bar does not appears. After it the dimension of the html page must be the same or smaller than the window. Use the plugin on iPad only for your own pages not for the sites.
4. The solution with the textfield plugin that was suggested by benji33 does not work with the hole site on iPad. Only with the simple html page. But it is not very useful.

virtual pete

Intermediate

Posts: 243

Location: Nerja

Occupation: Holiday rentals Nerja Costa del Sol

  • Send private message

17

Wednesday, November 12th 2014, 6:56pm

Thank Alex, thats a shame. Just means i cannot use webpages out of my control as they simply do not work on Ipad without the scroll bars so not much good.

I can work around it i guess so long as the content stays within the iframe size and treat it like a pop up.

virtual pete

Intermediate

Posts: 243

Location: Nerja

Occupation: Holiday rentals Nerja Costa del Sol

  • Send private message

18

Wednesday, November 12th 2014, 7:19pm

HI Alex, have you tried using this jsplugin to create scroll bars in iOS - teh demop works fine on an iPad so prehaps i could be implemented with your script - but i am not sure excatly where it wodl need to be places.

This is the link to jScrollPane

Hope you can get it to work :)

AlexGrif

Trainee

  • "AlexGrif" started this thread

Posts: 115

  • Send private message

19

Wednesday, November 12th 2014, 7:37pm

Quoted from "virtual pete"

HI Alex, have you tried using this jsplugin to create scroll bars in iOS - teh demop works fine on an iPad so prehaps i could be implemented with your script - but i am not sure excatly where it wodl need to be places.

This is the link to jScrollPane

Hope you can get it to work :)

Quoted from "virtual pete"

HI Alex, have you tried using this jsplugin to create scroll bars in iOS - teh demop works fine on an iPad so prehaps i could be implemented with your script - but i am not sure excatly where it wodl need to be places.

This is the link to jScrollPane

Hope you can get it to work :)

Hi!
Our script also creates scroll bar on iPad. And work perfectly well. Without the pano):
There is the conflict with the iframe and krpano. The problem is similar with the multi touch gesture.
We continue working over plugin.
Now use it for the direct purposes. Create different pages with the capacity to transfer different parameters from krpano to html and back.

virtual pete

Intermediate

Posts: 243

Location: Nerja

Occupation: Holiday rentals Nerja Costa del Sol

  • Send private message

20

Wednesday, November 12th 2014, 7:58pm

Hi Alex, are you saying that if i update to the latest version of krpano then there will be scroll bars on Ipad?

Similar threads