Sharing 360 Panorama Images via the web browser?

Please feel free to ask other members for help with certain projects
Post Reply
BC.Surveyor
I have made 20-30 posts
I have made 20-30 posts
Posts: 23
Joined: Mon Nov 07, 2022 4:50 pm
1
Full Name: Shea Gleadle
Company Details: Surveyor
Company Position Title: Surveyor
Country: Canada
Linkedin Profile: No
Has thanked: 6 times
Been thanked: 7 times

Sharing 360 Panorama Images via the web browser?

Post by 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?
User avatar
Leandre Robitaille
V.I.P Member
V.I.P Member
Posts: 547
Joined: Sat Aug 03, 2019 1:53 am
4
Full Name: Leandre Robitaille
Company Details: Cima+
Company Position Title: Civil Technician - Surveyor
Country: Canada
Has thanked: 61 times
Been thanked: 249 times

Re: Sharing 360 Panorama Images via the web browser?

Post by 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 have made 20-30 posts
I have made 20-30 posts
Posts: 23
Joined: Mon Nov 07, 2022 4:50 pm
1
Full Name: Shea Gleadle
Company Details: Surveyor
Company Position Title: Surveyor
Country: Canada
Linkedin Profile: No
Has thanked: 6 times
Been thanked: 7 times

Re: Sharing 360 Panorama Images via the web browser?

Post by BC.Surveyor »

I was asking about sharing 360 panorama imagery, not point clouds
badam
V.I.P Member
V.I.P Member
Posts: 925
Joined: Tue May 11, 2021 5:36 pm
2
Full Name: Adam Berta
Company Details: InnoScan 3D Hungary Kft
Company Position Title: unknown
Country: Hungary
Linkedin Profile: No
Has thanked: 52 times
Been thanked: 302 times
Contact:

Re: Sharing 360 Panorama Images via the web browser?

Post by 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
V.I.P Member
V.I.P Member
Posts: 654
Joined: Mon Aug 11, 2008 4:13 pm
15
Full Name: James Rye
Company Details: Merrett Survey Limited
Company Position Title: Spatial Analyst
Country: United Kingdom
Has thanked: 29 times
Been thanked: 72 times
Contact:

Re: Sharing 360 Panorama Images via the web browser?

Post by 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
I have made 20-30 posts
I have made 20-30 posts
Posts: 23
Joined: Mon Nov 07, 2022 4:50 pm
1
Full Name: Shea Gleadle
Company Details: Surveyor
Company Position Title: Surveyor
Country: Canada
Linkedin Profile: No
Has thanked: 6 times
Been thanked: 7 times

Re: Sharing 360 Panorama Images via the web browser?

Post by BC.Surveyor »

badam
V.I.P Member
V.I.P Member
Posts: 925
Joined: Tue May 11, 2021 5:36 pm
2
Full Name: Adam Berta
Company Details: InnoScan 3D Hungary Kft
Company Position Title: unknown
Country: Hungary
Linkedin Profile: No
Has thanked: 52 times
Been thanked: 302 times
Contact:

Re: Sharing 360 Panorama Images via the web browser?

Post by badam »

BC.Surveyor wrote: Mon May 15, 2023 8:09 pm 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
I have made 20-30 posts
I have made 20-30 posts
Posts: 23
Joined: Mon Nov 07, 2022 4:50 pm
1
Full Name: Shea Gleadle
Company Details: Surveyor
Company Position Title: Surveyor
Country: Canada
Linkedin Profile: No
Has thanked: 6 times
Been thanked: 7 times

Re: Sharing 360 Panorama Images via the web browser?

Post by BC.Surveyor »

badam wrote: Mon May 15, 2023 8:19 pm
BC.Surveyor wrote: Mon May 15, 2023 8:09 pm 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
You do not have the required permissions to view the files attached to this post.
badam
V.I.P Member
V.I.P Member
Posts: 925
Joined: Tue May 11, 2021 5:36 pm
2
Full Name: Adam Berta
Company Details: InnoScan 3D Hungary Kft
Company Position Title: unknown
Country: Hungary
Linkedin Profile: No
Has thanked: 52 times
Been thanked: 302 times
Contact:

Re: Sharing 360 Panorama Images via the web browser?

Post by badam »

BC.Surveyor wrote: Tue May 16, 2023 4:46 am
badam wrote: Mon May 15, 2023 8:19 pm
BC.Surveyor wrote: Mon May 15, 2023 8:09 pm 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 made 20-30 posts
I have made 20-30 posts
Posts: 23
Joined: Mon Nov 07, 2022 4:50 pm
1
Full Name: Shea Gleadle
Company Details: Surveyor
Company Position Title: Surveyor
Country: Canada
Linkedin Profile: No
Has thanked: 6 times
Been thanked: 7 times

Re: Sharing 360 Panorama Images via the web browser?

Post by BC.Surveyor »

badam wrote: Tue May 16, 2023 7:28 am
BC.Surveyor wrote: Tue May 16, 2023 4:46 am
badam wrote: Mon May 15, 2023 8:19 pm

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.
Post Reply

Return to “Request Help With Projects”