Hosting pano/360 photos


#23

Found this recently as well, once I’ve got some images they will be going here

http://mavic360.co.uk/index.html

The one on there I found on the web, it’s not me in the photo


#24

Obviously, the difficult bit for GADC site is making it a dynamic update by the poster … unless there’s a way to post new HTML pages! LOL!

I have a dormant website I could post them to … then the link on GADC.

How easy is that “Pannellum” tool to use? (Assume I know nothing about websites. Close to the truth, these days!)


#25

That site uses Pannellum also. So, it looks like a cool tool.


#26

It can also be used purely as a CDN without the need for hosting html or javascript.

<iframe width="600" height="400" allowfullscreen style="border-style:none;" src="https://cdn.pannellum.org/2.3/pannellum.htm#panorama=https%3A//i.imgur.com/EDgn3aV.jpg"></iframe>

Or people could just post a link that would open up in a new window:

https://cdn.pannellum.org/2.3/pannellum.htm#panorama=https%3A//i.imgur.com/EDgn3aV.jpg


#27

<iframe width="600" height="400" allowfullscreen="true" style="border-style:none;" src="https://cdn.pannellum.org/2.3/pannellum.htm#panorama=https://i.imgur.com/EDgn3aV.jpg&autoLoad=true&autoRotate=-2"></iframe>

The iframe has the following attributes in the src

Required URL to load the pano script: https://cdn.pannellum.org/2.3/pannellum.htm#
Required, an equirectangular image URL : panorama=SOME_URL_TO_IMAGE
Optional auto load the pano: &autoLoad=true
Optional auto rotate the pano: &autoRotate=-2 number of degrees per second to rotate // negative is anti-clockwise


#28

Whoop it works. Just needed to whitelist the pannellum domain for iframes in the board settings.


#29

Indeed - works on mobile with auto rotation, too. No full-screen on that one, tho?


#32

Alas, it seems like a limitation when using their CDN version of the script.

Would work if we hosted the script ourselves, along with some other config options.


#33

I’ve managed to create an html version on my website - what’s really strange is that it works fine on my laptop browsers, but “can’t access the image” from my mobile browsers.
This is where my age is working against my attempts to increase my knowledge/skills. #OldDogNewTricksEtc :confused:


#34

I’m viewing on an iPhone and it’s working for me, rotating by itself too.


#35

Yeah, working for me, but the gyro rotate doesn’t work with the one posted above. Which is a shame as this would be ideal, not having to host the html and all.

Still works a treat, just have to swipe with finger on a phone, no big deal. Unless Rich wants to host the script files, then we can get it all singing all dancing.


#36

Strange … it is now for me on Android.
You can see the icon switched on.


#37

I guess it is just the iphone then that is not liking it. Strange.


#38

The fact mine works on laptop (Win10) and not Android is also weird …
http://www.paraglider.co.uk/Test.html


#39

Yours works on MAC Chrome and iPhone 7+ Chrome


#40

LOL!
If I enter the URL manually into my Android browsers, I get a fail.
If I click on the above link … it’s fine!

I’m too old for this! LOL!

Edit: Ahh … adding the www. bit at the beginning makes all the difference! #HeadWallBang


#42

Without the “www.”, the page loads but not the image.


#43

Yah, that will be due to cross origin resource sharing [CORS] not being permitted on your server. Which is a good thing until you want to do something like this lol.

When you load the non-www html page it is requesting the www image url which is not allowed unless you whitelist it in your server security.conf file


#44

But that’s not causing a problem on the laptop in Edge/IE11/Chrome … even more strange.

Anyway … the iframe … version, and using it here on GADC …
One just includes the <iframe … <>/iframe> bit in a post here? … as a link?


#45

http://paraglider.co.uk/Test.html does not work for me in Chrome desktop browser on MAC
but http://www.paraglider.co.uk/Test.html does