Best Way to Embed 360 Photos on a Website

The place to discuss general topics.
Discussions on RICOH THETA shooting techniques, spherical images or self-made apps on theta360.com, introduction of attachments, etc.

Best Way to Embed 360 Photos on a Website

Postby gaza4 » 14 Feb 2016, 17:44

Hey everyone
I was just wondering what would be the best way to add 360 photos to a website in a way that they can be embedded onto a page and viewed by visitors to the site in a similar wat 360 videos can be watched on youtube
Thanks!!!
gaza4
 
Posts: 11
Joined: 26 Jan 2016, 09:31

Re: Best Way to Embed 360 Photos on a Website

Postby DennisMabrey » 14 Feb 2016, 22:26

I can't tell you the 'best' way but I can tell you some different ways to do it.

If you just want to embed it into an HTML file you can upload the 360 pano to theta360.com and mark it as public. On the page there will be an embed button that gives you the HTML code for embedding your panorama.

If you are using Wordpress I think there is a plugin for embedding it as well.

Does that help?
DennisMabrey
 
Posts: 46
Joined: 21 Jan 2016, 19:47

Re: Best Way to Embed 360 Photos on a Website

Postby gaza4 » 14 Feb 2016, 23:16

that quite possibly solves it for me. I'm not a web guy myself but this puts me on the right track. Thanks!!!
gaza4
 
Posts: 11
Joined: 26 Jan 2016, 09:31

Re: Best Way to Embed 360 Photos on a Website

Postby DennisMabrey » 14 Feb 2016, 23:44

No problem. Just to be clear the embed button is a green button at the bottom right of the image on the theta360 website after you upload it with the theta program. It creates HTML code for embedding.

Just copy and paste that in the HTML file you want it to be at.
DennisMabrey
 
Posts: 46
Joined: 21 Jan 2016, 19:47

Re: Best Way to Embed 360 Photos on a Website

Postby Tgromak » 07 Apr 2016, 16:35

How are you all posting and embedding videos longer than 12 seconds? The 5MB limit on theta360 really puts a crimp on things. I've gone to YouTube, but had varying results. Videos play fine in 360 on YouTube, but the embeds seem to sometimes work and sometimes not when put on pages elsewhere.
Tgromak
 
Posts: 1
Joined: 07 Apr 2016, 16:33

Re: Best Way to Embed 360 Photos on a Website

Postby kuulapic » 29 Nov 2017, 06:53

Hi, you can easily embed a 360 photo on a website or in a blog post using https://kuula.co. Simply upload your 360 image to Kuula and use our Embed Editor to do it. It's super easy!

You can read more about embedding 360 photo on a website using Kuula here:
https://blog.kuula.co/embed-editor-on-kuula/.

If you need to add your own logo to the embed, you will need to get a PRO subscription. Read about Embed Editor PRO here: https://kuula.co/help/embed-pro-features.

Examples of 360 embeds on a website:
- https://rolandmeijerphotography.com/360-portfolio/
- https://www.wireframeimmersive.com/360-virtual-tour/

Hope we'll see you on Kuula soon!
kuulapic
 
Posts: 8
Joined: 29 Nov 2017, 06:38

Re: Best Way to Embed 360 Photos on a Website

Postby Guilhem » 28 May 2018, 13:39

Hi,
IMO the simplest way is to use https://panoraven.com, it's free for personal use and you don't need to create an account to use it. Plus you can upload several images at once to make it a slider.

1) Just upload your image here : https://panoraven.com/share-360-photo

Image

2) After the upload, just copy and past the embed code on your HTML.

Image

Here is a example embed code if you want to test it quickly :

Code: Select all
<iframe width="880px" height="500px" allowFullScreen="true" style="display:block; margin:0 auto; border:0 none;" src="https://panoraven.com/embed/rVKgKMhcP6"></iframe>


And the corresponding link is here : https://panoraven.com/slider/rVKgKMhcP6

Enjoy :)
Guilhem from Panoraven team
Guilhem
 
Posts: 1
Joined: 28 May 2018, 13:03

Re: Best Way to Embed 360 Photos on a Website

Postby MelissaWhittingham » 14 Oct 2018, 19:34

I think the setup page bit difficult one when compared to others. I had read many articles in uk assignment writing service about this theta setup and how to do it, the process and all. But I didn't find the perfect answer. If you are having the solution then please let me know.
MelissaWhittingham
 
Posts: 2
Joined: 05 Aug 2018, 13:52

Re: Best Way to Embed 360 Photos on a Website

Postby MrVans » 29 Nov 2018, 15:24

The embed code that's generated in Theta360.com is JavaScript.

Is it possible to get this as an Iframe code instead?
MrVans
 
Posts: 2
Joined: 29 Nov 2018, 15:22

Re: Best Way to Embed 360 Photos on a Website

Postby RachelKieran3 » 25 Mar 2019, 10:55

If you are having a WordPress website then here is the simple guide to add a 360 photos.
This simple code would get the job done
[vr url=path-to-photo.jpg view=360]

And for adding your Panorama photos you can simply add this code with replacement of "cinema" in view
[vr url=path-to-photo.jpg view=cinema]

For Videos
WordPress also allows you to add your 360 degree videos as well by simply applying this code
[vr guid=videopressguid view=360]

I hope you like this simple and short tutorial
Thank you
For more help visit us
Website design company in new jersey
RachelKieran3
 
Posts: 2
Joined: 25 Mar 2019, 10:39


Return to Everything About RICOH THETA



All times are UTC