Interactive 360 Panoramas - How To Post on GADC

It’s now possible to create 360 panoramas in the DJI Go4/Fly apps - although the resolution of these can vary.

You can post these panoramas in the forum to be viewed interactively by following these instructions.

It’s also possible to create your own higher resolution equirectangular panoramas in other stitching software such as PTGui, Hugin, AutoPano Giga, Microsoft ICE, to name a few.
(See How to create high resolution 360 Panoramics)

Image Dimensions

A complete “360 sphere” requires an image that’s 2 x 1 width to height ratio.

This is because it’s 360° around the horizontal and 180° from top to bottom.

Anything else can cause problems of one sort or another.

This is not a case of “stretching” the image to a 2x1 dimension, rather that “Blank” space needs to be added to the top of you image to create the 2x1.

Adjusting stitched image dimensions in Photoshop

image

  • Click the middle-bottom square (marked) anchors the image to the bottom
  • Change the height to be 50% of the width … 1893 in this case.
  • Set the fill colour and that can be changed/edited later or replaced with cloud images.

image

Kuula Upload Instructions

Step 1 - Upload a pano image
Upload the image to Kuula - https://kuula.co/ - up to 16,384 x 8,192

Step 2 - Get the embed code

  • Click on Share
    Capture%20-%20Copy%20(4)

  • Click on Get Link or Embed Code
    image

  • Select "Embed code - (HTML)" and copy the code for the IFRAME (See Tip: See Note - below!)
    Capture%20-%20Copy%20(6)

Step 3 - Paste the copied HTML IFRAME code into a post …on a new line! (<iframe ……

Voila!

Note:

  • For whatever reason, sometimes, the pasted HTML has <iframe and /iframe> modified to &lt;iframe and /iframe&gt;. So these need to be edited.

  • Double-clicking a mouse on the HTML to highlight it sometimes avoids this - but can add a " ’ " at the beginning and end that need deleting.

  • Ensure that the opening “<” starts a new line without any spaces in front.

Best Solution for this Problem

  • Use an intermediate paste into a text editor, Word, even a Tweet works … where it pastes correctly, and then copy that text back to a GADC post.
    In testing this solution has so far proved 100% reliable! :+1:

Also, always a subjective thing, but there are three settings that can be set (before copying the Iframe code, that can improve the experience of the pano posted in GADC.

  • Enable zoom controls - means … what it says … enables people to zoom using the mouse wheel.
  • Auto rotate - again, pretty self-explanatory … and best not to set too fast - around 10 to 15 usually works well.
11 Likes

When I took this picture the drone camera behaved correctly and on the DJI fly app I see the panorama correctly. WHen I transferred the image to my PC it came out like this. Quite appealing but not how I thought it was going to be. Any advice on transferring 360 pictures please.?


Thanks in advance
Graham

Moved your post to this thread that explains how it add it to Kuula and post the result here.

Have a read from the top.
I imported it quickly to KUULA to have a look and its a great 360 Pano.
I only dragged the photo from the post above so it was really low res but great picture.
Welcome to 360 Panos

1 Like

Get yourself a Kuula account and upload it there just as it is

Thank you no problem.

Thak you that’s great. I got the account now and here it is.
Photo 6553704_dji_104_pano_44031687_0_2021125124050_photo_pano Greenbooth Reservoir Norden, Rochdale Lancs, UK | Kuula

1 Like

If you follow Step 2 in the first post, you will see how to post your image so that it displays correctly when you post it to a thread in the #panos category.

1 Like

Thank you I will do that :slight_smile:

1 Like

So I have tried the steps above and I am unable to make a kuula panno that doesn’t look crap.

am I missing a step?

the panno mode on the mini 2 has created 13 files, when I upload these individually to kuula i can’t seem to make this in to a panno.

have tried stitching in Microsoft ice and it leaves big black spaces at the top/sides.

But …

You need to increase the size of the image vertically to create the 2:1 (W:H) image.

Take a look at this post. Shout if that doesn’t solve the problem.

I keep meaning to do an updated version of this thread to better reflect some things that have changed over the past 2 years.

Can’t find the thread now to copy but, I learned this a few weeks ago from that thread.
View the 360 Pano in the Fly app, it creates it from the individual photos. Save to the phone. Upload to kuula.
So simple, shame I didn’t know in December :joy:

Edit, found it -

1 Like

think I might have done it!

<script src="https://static.kuula.io/embed.js" data-kuula="https://kuula.co/share/7yDcf?fs=1&vr=0&zoom=1&sd=1&thumbs=1&info=1&logo=1" data-width="100%" data-height="640px"></script>

nope code above doesn’t do anything.

oooo thanks buddy will give that a try thank you.

1 Like

You need the HTML embed

2 Likes

The correct code looks like the one shown in the first post …

image

1 Like

Thanks both, can you tell I am still very new at this haha.

3 posts were merged into an existing topic: Pano-Mania - (aka The Great Pano Thread)

2 posts were split to a new topic: Cliffe Marshes, Kent