Frankster69 wrote: ↑Sun Oct 08, 2017 12:28 amFrankster69 - inside my C-Panel (my page is hosted at SiteGround) where do I upload the HTML5 output? SiteGround first asks me this...Dinesh wrote: ↑Fri Oct 06, 2017 5:41 pm Simply do this:
- - Create the tour (already done)
- - Select the HTML5 as your output
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).
- - Click the GEAR icon to generate the output (NOT the GGPKG icon)
Which do I select?
Then once inside, where do I upload the Pano2VR HTML5 file?
I want to be able to display my panos on my page like 360Texas does - http://360texas.com/gallery.html
I will also be sending this file to any clients that want the panos on their own webpage. I know how to create a zip and send it to them. Then they can follow the above mentioned process (that I don't quite understand yet).
Thanks, Mike
This is an entirely new topic, but...- if I created a pano tour for a client, must I create that in Pano2VR and use the GGPKG so the tour works? This is why I purchased P2VR. And, how do they upload my P2VR file so it works on their webpage?
Sorry for the noob questions, I lack any background in HTML, coding or any behind the scenes website creation.
GGPKG upload to server and display problems. Please help!
-
MDonaldson
- Posts: 4
- Joined: Mon Oct 23, 2017 12:54 pm
-
MDonaldson
- Posts: 4
- Joined: Mon Oct 23, 2017 12:54 pm
My pics did not post, so I will try this again...
Frankster69 - inside my C-Panel (my page is hosted at SiteGround) where do I upload the HTML5 output? SiteGround first asks me this...
Image
Which do I select?
[urlhttps://www.makeimpactmedia.com/wp-content/uplo ... ile1.0.jpg][/url]
Then once inside, where do I upload the Pano2VR HTML5 file?
[urlhttps://www.makeimpactmedia.com/wp-content/uplo ... ile2.0.jpg][/url]
Frankster69 - inside my C-Panel (my page is hosted at SiteGround) where do I upload the HTML5 output? SiteGround first asks me this...
Image
Which do I select?
[urlhttps://www.makeimpactmedia.com/wp-content/uplo ... ile1.0.jpg][/url]
Then once inside, where do I upload the Pano2VR HTML5 file?
[urlhttps://www.makeimpactmedia.com/wp-content/uplo ... ile2.0.jpg][/url]
Hi Mdonaldson.
I was/am in the same boat as you. I'll help you as far as I've learned.
You output your html5 folder, and upload the entire folder to the public_html folder. It's in your second picture. But you might want to rename the folder to a name that's connected to your project, as that name will form part of the URL address you'll be sharing with your client. So, once it's in your public_html folder, you can view it as Http://www.youraddress.com/output, or whatever you change the name to. Keep in mind, it's case sensitive.
After that, if you want to publish it on your site in a gallery or as a post, I believe you'll have to use an iFrame code which will include a reference to the folder's location in the public_html file. But I haven't got that far yet. I'm only sharing with my clients.
Hope that helps.
Dinesh
I was/am in the same boat as you. I'll help you as far as I've learned.
You output your html5 folder, and upload the entire folder to the public_html folder. It's in your second picture. But you might want to rename the folder to a name that's connected to your project, as that name will form part of the URL address you'll be sharing with your client. So, once it's in your public_html folder, you can view it as Http://www.youraddress.com/output, or whatever you change the name to. Keep in mind, it's case sensitive.
After that, if you want to publish it on your site in a gallery or as a post, I believe you'll have to use an iFrame code which will include a reference to the folder's location in the public_html file. But I haven't got that far yet. I'm only sharing with my clients.
Hope that helps.
Dinesh
"This is an entirely new topic, but...- if I created a pano tour for a client, must I create that in Pano2VR and use the GGPKG so the tour works? This is why I purchased P2VR. And, how do they upload my P2VR file so it works on their webpage?"
In pano2VR you could create a GGPKG file and share it with them, but they would only be able to view it with a GGPKG viewer which they have to download from Pano2vr's site. If they wanted to put it on their webpage, you'd need to output an html5 folder, zip it up and send it to them. They then upload it to their server to their public_html folder etc. etc....
In pano2VR you could create a GGPKG file and share it with them, but they would only be able to view it with a GGPKG viewer which they have to download from Pano2vr's site. If they wanted to put it on their webpage, you'd need to output an html5 folder, zip it up and send it to them. They then upload it to their server to their public_html folder etc. etc....
-
MDonaldson
- Posts: 4
- Joined: Mon Oct 23, 2017 12:54 pm
Which file is the HTML5 file?
[urlhttps://www.makeimpactmedia.com/wp-content/uplo ... estion.jpg][/url]
[urlhttps://www.makeimpactmedia.com/wp-content/uplo ... estion.jpg][/url]
-
MDonaldson
- Posts: 4
- Joined: Mon Oct 23, 2017 12:54 pm
I uploaded to my public_html folder what I thought was the HTML5 file (the file named INDEX).
Two things happened - I saw this when I hit to DOWNLOAD and then OPEN
Loading...
This content requires HTML5 with CSS3 3D Transforms or WebGL.
And I saw this mess in a new window when I clicked VIEW -
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <title>Sports Plus Inc</title> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0" /> <meta name="apple-mobile-web-app-capable" content="yes" /> <meta name="apple-mobile-web-app-status-bar-style" content="black" /> <meta name="mobile-web-app-capable" content="yes" /> <style type="text/css" title="Default"> body, div, h1, h2, h3, span, p { font-family: Verdana,Arial,Helvetica,sans-serif; } /* fullscreen */ html { height:100%; } body { height:100%; margin: 0px; overflow:hidden; /* disable scrollbars */ font-size: 10pt; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* remove highlight on tab for iOS/Android */ } /* fix for scroll bars on webkit & >=Mac OS X Lion */ ::-webkit-scrollbar { background-color: rgba(0,0,0,0.5); width: 0.75em; } ::-webkit-scrollbar-thumb { background-color: rgba(255,255,255,0.5); } </style> </head> <body> <!-- - - - - - - 8<- - - - - - cut here - - - - - 8<- - - - - - - --> <script type="text/javascript" src="pano2vr_player.js"> </script> <div id="container" style="width:100%;height:100%;overflow:hidden;"> <br>Loading...<br><br> This content requires HTML5 with CSS3 3D Transforms or WebGL. </div> <script type="text/javascript"> // create the panorama player with the container pano=new pano2vrPlayer("container"); window.addEventListener("load", function() { pano.readConfigUrlAsync("pano.xml"); }); </script> <noscript> <p><b>Please enable Javascript!</b></p> </noscript> <!-- - - - - - - 8<- - - - - - cut here - - - - - 8<- - - - - - - --> <!-- Hack needed to hide the url bar on iOS 9, iPhone 5s --> <div style="width:1px;height:1px;"></div> </body> </html>
Two things happened - I saw this when I hit to DOWNLOAD and then OPEN
Loading...
This content requires HTML5 with CSS3 3D Transforms or WebGL.
And I saw this mess in a new window when I clicked VIEW -
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <title>Sports Plus Inc</title> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0" /> <meta name="apple-mobile-web-app-capable" content="yes" /> <meta name="apple-mobile-web-app-status-bar-style" content="black" /> <meta name="mobile-web-app-capable" content="yes" /> <style type="text/css" title="Default"> body, div, h1, h2, h3, span, p { font-family: Verdana,Arial,Helvetica,sans-serif; } /* fullscreen */ html { height:100%; } body { height:100%; margin: 0px; overflow:hidden; /* disable scrollbars */ font-size: 10pt; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* remove highlight on tab for iOS/Android */ } /* fix for scroll bars on webkit & >=Mac OS X Lion */ ::-webkit-scrollbar { background-color: rgba(0,0,0,0.5); width: 0.75em; } ::-webkit-scrollbar-thumb { background-color: rgba(255,255,255,0.5); } </style> </head> <body> <!-- - - - - - - 8<- - - - - - cut here - - - - - 8<- - - - - - - --> <script type="text/javascript" src="pano2vr_player.js"> </script> <div id="container" style="width:100%;height:100%;overflow:hidden;"> <br>Loading...<br><br> This content requires HTML5 with CSS3 3D Transforms or WebGL. </div> <script type="text/javascript"> // create the panorama player with the container pano=new pano2vrPlayer("container"); window.addEventListener("load", function() { pano.readConfigUrlAsync("pano.xml"); }); </script> <noscript> <p><b>Please enable Javascript!</b></p> </noscript> <!-- - - - - - - 8<- - - - - - cut here - - - - - 8<- - - - - - - --> <!-- Hack needed to hide the url bar on iOS 9, iPhone 5s --> <div style="width:1px;height:1px;"></div> </body> </html>