GGPKG upload to server and display problems. Please help!

Q&A about the latest versions
Dinesh
Posts: 25
Joined: Sat Sep 30, 2017 8:33 pm

Hello all. Am new to this program and just testing before I bite the bullet. I created a tour using the P2VR Pro Trial mode. In output selected html5 and generated a GGPackage. I have a wordpress site, but for now I DON'T want to upload through the wordpress panel as a post. Instead, I would like to upload the package through FTP to the public directory of my server and then open the page from there. I hope i'm making sense. I was able to do this with another program where the entire folder was uploaded to the directory and I was able to open/share the tour using the directory path as the address. How can I do this with output from P2VR?

For what it's worth, I put the generated ggpkg file into a folder and uploaded that with ftp. No surprises, but that did not work.

Thanks so much for your help.
User avatar
360Texas
Moderator
Posts: 3684
Joined: Sat Sep 09, 2006 6:06 pm
Location: Fort Worth, Texas USA
Contact:

I trust you have reviewed the 'WordPress' documentation page.

If not please visit

https://ggnome.com/wiki/WordPress_Plugin

For FTP to your public page... we just create a new html page and link the html5 projects all files /output contents yourproject.html.

When you say "It does not work" please be more specific as to what does not work. e.g. what file sets did you upload ? what did your link? Do you have a sample URL for us to look at ?
Dave
Pano2VR Forum Global Moderator
Image
Visit 360texas.com
User avatar
thomas
Chief Gnome
Posts: 2611
Joined: Fri Sep 01, 2006 3:56 pm
Location: Vienna, Austria
Contact:

Please have a look at https://ggnome.com/doc/pano2vr/5/cms-plugins/ . You can use the "file" parameter, to point to and extracted package.

Please check the "create files for external embedding" in the HTML template, if you use an output folder. This helps the plugin to load the files faster.
Screenshot 2017-10-06 16.57.05.png
Screenshot 2017-10-06 16.57.05.png (125.1 KiB) Viewed 7843 times
MfG, Thomas
Dinesh
Posts: 25
Joined: Sat Sep 30, 2017 8:33 pm

Thanks Dave/Thomas.

Dave, I haven't read up on the Wordpress documentation. I wanted to upload the files directly to the server. I think the wrong thing I did was upload the GGPKG file directly to the folder. I now realise that works only in conjnction with the Wordpress Plugin, yes? I have not explored that option. Thomas' reply to me was helpful in showing me where to click to output html files for an external server. I have now done that and it's been output to a single folder, which includes the data, tiles, preview.jpg and index html. I will now upload this through ftp to my webserver and use the directory path as the URL, ie. www.mydomain.com/public_html/foldername
I'm hoping this should work. If you think I'm still doing something wrong, kindly explain to me as if I was a dullard. :D I'm very new to ftp-uploading/linking etc and learning as I go.

Dinesh
User avatar
thomas
Chief Gnome
Posts: 2611
Joined: Fri Sep 01, 2006 3:56 pm
Location: Vienna, Austria
Contact:

Dinesh wrote: Fri Oct 06, 2017 5:41 pm I now realise that works only in conjnction with the Wordpress Plugin, yes?
Yes, you need the plugin. You can also embed the panorama in a more manual way, but then you need to use the html/javascript code from the index.html page and modify it to your needs.
MfG, Thomas
Dinesh
Posts: 25
Joined: Sat Sep 30, 2017 8:33 pm

Hi Thomas. Thanks again for your prompt reply. The thing is I don't want to embed the tour either(iframe etc). I just want it to be launched directly through the URL. For instance, this URL http://ghana360.net/1505500567-airport-grande/ is a previous upload I had done. I simply uploaded the whole folder to my webserver where "1505500567-airport-grande" is the folder name in the public_html directory. I then just share the link to my clients and it works just fine. I'll get to exploring the CMS angle at some later point. This tour above was generated by an online tour generator and I would rather start using p2vr to build my tours.
Dinesh
Posts: 25
Joined: Sat Sep 30, 2017 8:33 pm

Hi Thomas.

Still no luck. I don't know what I'm doing wrong. I'm attaching a series of screenshots, maybe you could see what the problem is?
The first is the contents of the output folder.
Screen Shot 2017-10-06 at 4.24.12 PM.png
Screen Shot 2017-10-06 at 4.24.12 PM.png (343.74 KiB) Viewed 7828 times
The second is the folder within the public-html directory on the server,
Screen Shot 2017-10-06 at 4.24.46 PM.png
Screen Shot 2017-10-06 at 4.24.46 PM.png (167.83 KiB) Viewed 7828 times
.. and the 3rd is the content to the said folder.
Screen Shot 2017-10-06 at 4.25.11 PM.png
Screen Shot 2017-10-06 at 4.25.11 PM.png (160.24 KiB) Viewed 7828 times
Am I supposed to do something else?

Dinesh
User avatar
360Texas
Moderator
Posts: 3684
Joined: Sat Sep 09, 2006 6:06 pm
Location: Fort Worth, Texas USA
Contact:

Hmm This is what we do too.
I simply uploaded the whole folder to my webserver where "1505500567-airport-grande" is the folder name in the public_html directory.
This is what we do too. See our Gallery Page. Click an icon.. and then it goes and produces the panorama.

http://360texas.com/gallery.html

Gallery Main Page. Here you can use your browser tools "View Page Source" to find the whole html5 page code. Mouse over free page space and right mouse button click... select "View Page source". Now you can see all the page code. Do a CTRL A (select all) and then paste it a text editor like Windows 'Notepad'.

You may freely borrow the page code for your use.

Code: Select all

<h4>2014 Jan 7th Street Bridge</h4>
          <h4>Fort Worth, Texas, USA</h4>
          <p><img src="dist/images/bridge300x300.png" width="200" height="200" alt="7th Street Bridge"></p>
          <p><a class="btn btn-primary" href="gallery/bridge/bridge.html" role="button">Click here &raquo;</a></p>
Note our:
CIRCLE single .png images are live in a folder called 'dist/images': dist/images/bridge300x300.png
the actual multi-node tours are located in the gallery folder: gallery/bridge/bridge.html

The link from the gallery main page showing all our tours. Each tour is linked to a folder called bridge to bridge.html [found in output folder created by Pano2vr.]

Then we have an (X) in the SKIN with goto code that takes from the full screen panorama back to the gallery.
Dave
Pano2VR Forum Global Moderator
Image
Visit 360texas.com
Dinesh
Posts: 25
Joined: Sat Sep 30, 2017 8:33 pm

Thanks for that Dave. I shall definitely make use of that code. But I still have to figure out why the tour isn't launching? I get a blank page that says "page could not be located" I've even tried shifting the index.html file out of the folder into the main public_html directory, and then when I enter the URL, I get this...
Screen Shot 2017-10-06 at 8.36.24 PM.png
Screen Shot 2017-10-06 at 8.36.24 PM.png (58.25 KiB) Viewed 7811 times
Do you think perhaps this is a limitation of the trial mode of the software?

Dinesh
User avatar
360Texas
Moderator
Posts: 3684
Joined: Sat Sep 09, 2006 6:06 pm
Location: Fort Worth, Texas USA
Contact:

The trial version is to be fully functional .... only the output panorama has Pano2VR decal on the image. Buying the product and regenerating to project resolves the issue
"page could not be located"
is a path issue. Its looking for the /folder and filename.html and can not find. Check your http:// paths
"Content requires HTML5"
The err you are seeing.. is from your web browser. Your web browser must be HTML5 CSS3 content aware. What browser and version are you using ?

I think the WebGL notation issue flows from your video driver or web browser. Web Browser probably wrong.
Maybe someone else knows more about WebGL and can help

What web browser and version are you using ?

OH and here is the 24bit PNG file. Feel free to make your own 24 bit tranparent .png made with PhotoShop. Right mouse click and save image.
close or return to gallery button
close or return to gallery button
close.png (1.26 KiB) Viewed 7810 times
The button code we use when clicked browser history click back to prior page

Actions
Source........Action'........Parameters
Mouse Click Go to URL javascript:window.history.back()
Mouse Enter Visibility Type: Show Element target: ReturnGallery
Mouse Leave Hide Element......................target: ReturnGallery
Dave
Pano2VR Forum Global Moderator
Image
Visit 360texas.com
Dinesh
Posts: 25
Joined: Sat Sep 30, 2017 8:33 pm

Safari 10.1.2

I made another test tour with panotour and that works perfectly. But I don't want to buy panotour :D so I'm really hoping this issue can be resolved somehow. I don't know if there's any other way i could export and upload without it having to be a "post" on my webpage.

Dinesh
User avatar
360Texas
Moderator
Posts: 3684
Joined: Sat Sep 09, 2006 6:06 pm
Location: Fort Worth, Texas USA
Contact:

Dinish... Safari iOS is an apple product.

Would someone with an Apple based iOS kindly step in here and give us a hand with this issue.

Dave
Wicked Wind from Windows 10 o/s
Dave
Pano2VR Forum Global Moderator
Image
Visit 360texas.com
Frankster69
Posts: 105
Joined: Mon Sep 18, 2017 12:54 pm

Dinesh wrote: Fri Oct 06, 2017 5:41 pm Thanks Dave/Thomas.

Dave, I haven't read up on the Wordpress documentation. I wanted to upload the files directly to the server. I think the wrong thing I did was upload the GGPKG file directly to the folder. I now realise that works only in conjnction with the Wordpress Plugin, yes? I have not explored that option. Thomas' reply to me was helpful in showing me where to click to output html files for an external server. I have now done that and it's been output to a single folder, which includes the data, tiles, preview.jpg and index html. I will now upload this through ftp to my webserver and use the directory path as the URL, ie. www.mydomain.com/public_html/foldername
I'm hoping this should work. If you think I'm still doing something wrong, kindly explain to me as if I was a dullard. :D I'm very new to ftp-uploading/linking etc and learning as I go.

Dinesh
Hi Dinesh,

I think you make a mistake that went unnoticed here. You just want to forget about Wordpress, upload the tour, and be able to point to an index.html to load the tour in a browser, yes? That's what I get from your story?

Then also forget about GGPKG files, and don't even click that button in the Output section of P2V. To simply upload the tour to a folder and point to that in a browser you have no use for GGPKG. And also, you do NOT have to select 'Create files for external embedding' in the HTML template settings, because you do not need it. You are overthinking this :)

Simply do this:
  • - Create the tour (already done)
  • - Select the HTML5 as your output
  • - Click the GEAR icon to generate the output (NOT the GGPKG icon)
I'm not sure if it's the same on Mac, but to me on Windows a browser will automatically open with my tour loaded in a local server after I click the Gear icon and the process is finished.

This will create a folder 'output' in the directory you saved your project in. It is THAT folder that you should upload to your server (mydomain.com/public_html/output).

If I look at the content of your folder, I see a difference with mine. Gginfo.json and preview.jpg I don't have, and you're missing a folder 'images' and a file 'skin.js'. See how mine looks in the attachment:
output-folder.jpg
output-folder.jpg (16.51 KiB) Viewed 7799 times
I have already uploaded my tour in the same way you are planning, and it just works, no problems. I just point my browser to my website/output and it fetches the index.html and displays the tour. I can even just embed it on my site in an iframe (see another post of mine here).

To be sure you have it right, before you do this, delete the output folder you have now, so P2V will create a fresh new one, and perhaps also delete the HTML5 output in P2V's output section, and add it back again, so it loads with the default settings. You don't have to change anything here to have it just work (unless you want to setup auto-rotate/animate/transition etc). This only to make sure you start fresh.

Then just click the gear, let it run, locate the output folder and upload that to your server. It should then just work?

regards, Frank
Dinesh
Posts: 25
Joined: Sat Sep 30, 2017 8:33 pm

Hi Frank,

Yes, I managed to get it to work before I read this post of yours, for which I thank you. I did everything that was suggested, even enabling the "create files for external embedding" and I located the output folder. I changed the name of output to something that was more appropriate, and uploaded the whole folder to my server. And yes, it worked. So, I am now the proud owner of a P2Vr Pro license.

Can you point me in the direction of your post about embedding this in iFrame on my site if need be?

Thank you again.

Dinesh
Frankster69
Posts: 105
Joined: Mon Sep 18, 2017 12:54 pm

Hi Dinesh, glad you got it working.

Even so... if it's not uploaded to your (Wordpress) website, but just on a folder on your websites server, you shouldn't need to enable "create files for external embedding". But if it works, it works. In time you may find better/easier ways. I'm still new to this as well, but I have a fair grasp of CMS'es, graphics, HTML, CSS and can find my way in Javascript, which makes it perhaps easier for me.

I didn't do a post on how to embed in an iframe, sorry, I just did a post showing my tour on my website, which has it embedded. Just to 'show of' my tour, not to explain how to embed.

Simply said:
- I uploaded my output folder to my server using FTP
- Then on my site (in Joomla) I added a standard Joomla Wrapper module (which is an iframe wrapper) and entered the URL to my tour there.
- Published the module, gave it a place in my site on a page and there it is.

That will then look like this: http://free-frank.net/portfolio-2/proje ... s-sevenaer

In Wordpress it's different, I'm not familiar enough to explain of the top of my head, but there's also a module (or Widget it's called in Wordpress I think?) in which you could load it, or you can familiarise yourself with the GGPKG thing. I haven't tried that myself either.

regards, Frank
Post Reply