Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: added links

...

Panel
bgColor#fff
Main steps are:
  1. Download sample
  2. Unzip it
  3. Test
  4. Check out the workflow video or instructions.
  5. Or iFrame hosted link.
  6. Interactive mp4.
  7. Gif.
  8. More examples.
  9. Or iFrame hosted link.

Please see download sample output from the Shutter Stream 360 Software using the following links.

https://www.dropbox.com/s/trwwc8bdv2ekac1/360-View-White-Headphones.zip?dl=0

https://www.dropbox.com/s/elyxzymmrbm1nai/360-Industrial-Part.zip?dl=0

 

If you would like to see the exact real-time workflow used to shoot these, please see either of the following video links to see how fast and easy it is to achieve high quality results:

Headphones: https://www.youtube.com/watch?v=JtyVIAS08eI
Industrial part: https://www.youtube.com/watch?v=qc4YI87v-do

 

Note in these examples we are using some higher res. Images (1000 px wide) but you will have full control over the size of the output during the 360 output process. You also can fully customize these (spin speed, spin direction, buttons, player style (ex. continuous spin, spin once), etc..).

 

**After download, make sure to fully extract file (unzip) or it will not work**

 

Instructions are as follows for viewing 360 locally:

 
1.      Unzip the file
2.      Open:
           index.html (will display at 1000 px wide – per my output)
      OR iframe.html (will dynamically fit to viewing screen) file in web browser.

Instructions are as follows for hosting 360 view/embed into webpage (*NOTE – we do have a 360 image hosting option should you not wish to use our own servers (in this case, simply use iFrame embed code from Step 3 below to embed 360 view into your site):
 
1.      Unzip the file
2.      Host the entire folder – for example, I upload this on our site to a folder called Downloads (we use Filezilla to upload this to our webserver)
3.      After this has been uploaded, copy the link of the hosted file to the iframe.html file. For example, the link to this exact file (360-Product-Photography-Pure-White-Background) hosted on our website server is: https://iconasys.com/Downloads/360-Product-Photography-Pure-White-Background/iframe.html
4.      Copy that iframe link and embed it into your webpage.

5.      Here is the link to the iFrame file for another example, to embed in your website description area:

https://stream.iconasys.com/viewer.php?application=360&type=preview&id=069467dc327b90dbfaa422e76ffbd3cadc83cb3d

...

     

5.      Or use our interactive .mp4 video, which is zipped, you have to unarchive it first with a dedicated software:

View file
nameAsics Shoe - 360 Product View MP4 (360 frames + 3X zoom) - JPG Max.zip
height150

76.      Or use our .gif example for testing:

 

7.     More examples can be found here:

https://www.iconasys.com/360-product-view-creator/360-product-view-examples/

8.     Here is the link to the iFrame file for another example, to embed in your website description area:

https://stream.iconasys.com/viewer.php?application=360&type=preview&id=069467dc327b90dbfaa422e76ffbd3cadc83cb3d

Content by Label
showLabelsfalse
spacesSHSKB
showSpacefalse
sortmodified
reversetrue
typepage
cqllabel in ("test","product","example","iconasys","view","testing","sample","image","output","360") and type = "page" and space = "SHSKB"
labelsiconasys 360 product view sample output testing image example test

...