Ability to view 360 images in Confluence

We started taking 360 view images of our server rooms. We do not want to post the images to the public.

All the ways I can see to view a 360 image would be to use a site like "https://360player.io/".

With those sites you need to upload the image on their site, then you can use a simple code to embed the image on to Confluence. Which this works. But we do not want the image on their site for privacy issues. 

I have also tried "https://www.sitepoint.com/embedding-virtual-reality-across-the-web-with-vr-views/" Google VRView. 

I was able to get this code to work:

<iframe width="100%"
	height="300px"
	allowfullscreen
	frameborder="0"
	src="//storage.googleapis.com/vrview/index.html?image=//storage.googleapis.com/vrview/examples/coral.jpg&
	is_stereo=true">
</iframe>

But when put in the image address from Confluence it will not work. 

Says where the image is stored needs to be cross-origin resource sharing (CORS). Which I do not think Confluence is. 

I have looked through the Confluence Plugins and did not find one for 360 images.

Anyone have any suggestions or working on getting 360 images to work in Confluence?

1 answer

1 accepted

1 vote

Maybe try something like this:

https://pannellum.org/documentation/examples/simple-example/

<link rel="stylesheet" href="//cdn.pannellum.org/2.3/pannellum.css"/>
<script src="//cdn.pannellum.org/2.3/pannellum.js"></script>
<style>
#panorama {
width: 600px;
height: 400px;
}
</style>


<div id="panorama"></div>
<script>
pannellum.viewer('panorama', {
"type": "equirectangular",
"panorama": "https://pannellum.org/images/alma.jpg"
});
</script>


You could push it into a user macro and host the files on your own Confluence  server.

Because you're loading with JS from your own Confluence instance, there should be no CORS issues.

Yes this worked! TYVM!

Shows the Click to load, after click can see 360 image. 

David Simpson Community Champion Jul 31, 2017

👍 👍 👍

Looks like I can only have one per page.

I also got the autoLoad and autoRotate to work. 

But wondering if can get more than one per page. 

If add a 2nd one it will start to load the first one, but then updates to the 2nd one.

Suggest an answer

Log in or Sign up to answer
Atlassian Community Anniversary

Happy Anniversary, Atlassian Community!

This community is celebrating its one-year anniversary and Atlassian co-founder Mike Cannon-Brookes has all the feels.

Read more
Community showcase
Kesha Thillainayagam
Posted Apr 13, 2018 in Confluence

We want to hear how your non-technical teams are using Confluence!

Hi Community! Kesha (kay-sha) from the Confluence marketing team here! Can you share stories with us on how your non-technical (think Marketing, Sales, HR, legal, etc.) teams are using Confluen...

370 views 20 10
Join discussion

Atlassian User Groups

Connect with like-minded Atlassian users at free events near you!

Find a group

Connect with like-minded Atlassian users at free events near you!

Find my local user group

Unfortunately there are no AUG chapters near you at the moment.

Start an AUG

You're one step closer to meeting fellow Atlassian users at your local meet up. Learn more about AUGs

Groups near you