Sharing 360 Panorama Images via the web browser?

[BC.Surveyor]

How are you sharing 360 panorama images with clients? Ideally I dont want to ask them to have to download a piece of software so in browser is the obvious solution.

Bringing it directly into Potree would be ideal but I cant seem to figure that out, has anyone mastered this and have an example of the html?

[Leandre Robitaille]

viewtopic.php?p=105448#p105448

^^ most common answers here
For me its a mix of Cintoo and ACC (its autodesk platform where you upload the rcp files)

[BC.Surveyor]

I was asking about sharing 360 panorama imagery, not point clouds

[badam]

Most of the saas online viewer (cintoo, jpinteractive, atis.cloud, etc) support panoramic images inside point cloud. If the source file has it. Like cyclone register structured export.

However we use potree, but it is a complete rewrite, because potree original ui is pretty bad to look images. And the hardest thing is how to get good information about the images not the html file but there is an example in the potree git.

https://github.com/potree/potree/blob/d ... s/360.html

[Jamesrye]

For 360 pano tours, we use pano2vr.
https://ggnome.com/pano2vr/

Pano2VR has a built-in web server so that once you create your tour, you can immediately see the results of an HTML5 output. So we just buy up space on Amazon and host the files there.

[BC.Surveyor]

Has anyone tried any of these... https://360photo-to-video.com/360-photo ... rison.html ?

[badam]

Has anyone tried any of these... https://360photo-to-video.com/360-photo ... rison.html ?

I have tried used panolens before potree introduced the support of 360 images but that is not the same as having the cloud and image on the same scene. Both of them works with three js. But panolens is just a library. You need to build the rest.

[BC.Surveyor]

Has anyone tried any of these... https://360photo-to-video.com/360-photo ... rison.html ?

I have tried used panolens before potree introduced the support of 360 images but that is not the same as having the cloud and image on the same scene. Both of them works with three js. But panolens is just a library. You need to build the rest.

I'd love to be able to drop in a non 360 from the drone into potree but when I try to use that example I get the following error in my console...

proj4.js:1 Uncaught (in promise) TypeError: t is not a function
at Function.i [as defs] (proj4.js:1:525)
at run (22JT0006_SOUTH.html:123:10)
at 22JT0006_SOUTH.html:112:1
at loaded (Potree.js:151:1)
at Potree.js:232:1

I dont need it to be georeferenced, Id be happy placing it manually as an icon someone can click thats just floating in the sky. The pano was captured with a M3E.


This is the link... https://the3rddimension.net/22JT0006_SOUTH.html

[badam]

Has anyone tried any of these... https://360photo-to-video.com/360-photo ... rison.html ?

I have tried used panolens before potree introduced the support of 360 images but that is not the same as having the cloud and image on the same scene. Both of them works with three js. But panolens is just a library. You need to build the rest.

I'd love to be able to drop in a non 360 from the drone into potree but when I try to use that example I get the following error in my console...

proj4.js:1 Uncaught (in promise) TypeError: t is not a function
at Function.i [as defs] (proj4.js:1:525)
at run (22JT0006_SOUTH.html:123:10)
at 22JT0006_SOUTH.html:112:1
at loaded (Potree.js:151:1)
at Potree.js:232:1

I dont need it to be georeferenced, Id be happy placing it manually as an icon someone can click thats just floating in the sky. The pano was captured with a M3E.


This is the link... https://the3rddimension.net/22JT0006_SOUTH.html

Well that is just not how it works...

If you really want to place images manually then use the annotation and place an image inside the description.

https://github.com/potree/potree/blob/d ... s.html#L93

But for drone images there is a way to insert them georeferenced. This is called as oriented images in the examples, but for this to work you need an information json about the images similar to 360 images...
https://github.com/potree/potree/blob/d ... mages.html

[BC.Surveyor]

I have tried used panolens before potree introduced the support of 360 images but that is not the same as having the cloud and image on the same scene. Both of them works with three js. But panolens is just a library. You need to build the rest.

I'd love to be able to drop in a non 360 from the drone into potree but when I try to use that example I get the following error in my console...

proj4.js:1 Uncaught (in promise) TypeError: t is not a function
at Function.i [as defs] (proj4.js:1:525)
at run (22JT0006_SOUTH.html:123:10)
at 22JT0006_SOUTH.html:112:1
at loaded (Potree.js:151:1)
at Potree.js:232:1

I dont need it to be georeferenced, Id be happy placing it manually as an icon someone can click thats just floating in the sky. The pano was captured with a M3E.


This is the link... https://the3rddimension.net/22JT0006_SOUTH.html

Well that is just not how it works...

If you really want to place images manually then use the annotation and place an image inside the description.

https://github.com/potree/potree/blob/d ... s.html#L93

But for drone images there is a way to insert them georeferenced. This is called as oriented images in the examples, but for this to work you need an information json about the images similar to 360 images...
https://github.com/potree/potree/blob/d ... mages.html

Thanks for all the help so far,

The annotation work around was my plan B. Dropping a hyperlink inside the annotation bubble but if there is a better way I'd love to learn it.

Is there anywhere I could go to find information on how to create the information json you speak of? And maybe a working example that uses oriented panorama images? When I try to look at the official examples the link is broken.