Problem
I would need some original sample output images like a sample 360 Product View output for testing purposes to see the results.
Solution
Panel | ||
---|---|---|
| ||
Main steps are:
|
Please see download sample output from the Shutter Stream 360 Software using the following links.
.
For the 360 Animated GIF and Standard MP4 Video files, integration into website will be very straight forward.
Solution
For the Interactive HTML5 or Interactive MP4 output from our 360 software, there is two options:
- Output 360 product view locally the upload to own servers (Iconasys Stream Server) for hosting
And/or
2. Upload 360 view to our Stream 360 Image Hosting Server
For option 1, I have uploaded a 360 product view in each output option (Interactive HTML5, Interactive MP4, 360 Animated GIF, 360 Product Video) to our dropbox account. You will also notice there is a .pdf with the hosted 360 view’s using the Iconasys Stream Server. Please download from: https://www.dropbox.com/
...
...
yg65fcofym3uioj/AAC2YdcL9XMSGV7B_QFUfqdia?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
...
(click link, look in top right corner, select ‘Download’ then ‘Direct Download’. After download complete, please be sure to completely unzip this folder prior to working with the sample 360 views.
Note, in these examples I output at 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),
...
mouse control as well as the ability to add Interactive Hotspots and Zoom).
Instructions are as follows for viewing 360 locally:
...
1. Unzip the file
2. Open:
index.html (will display at whatever output size defined during output from software (in this case 1000 px wide
...
))
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
...
hosted iFrame link provided in Hosted 360 Product View Links.pdf (downloaded from dropbox) then skip to step 4 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, open the master folder and locate the *iframe.html file (suggested) or index.html file and copy the link of the hosted file to the iframe.html file
...
- Make a subfolder under your root directory called: 360-Product-
...
- Views
- Upload the Interactive-HTML5 folder to this root directory
- The hosted link, after upload would be: https://
...
...
...
...
...
- Copy that iframe link and embed it into your webpage
...
5. Or use our interactive .mp4 video, which is zipped, you have to unarchive it first with a dedicated software:
Note | ||
---|---|---|
| ||
Please note that due to the Chrome browser security limitations, you may have difficulties viewing the interactive MP4 when the file is hosted locally. It will work OK with hosted files, but not with local files. Therefore, for the locally downloaded file please use Mozilla or other browsers, but not Chrome. |
View file | ||||
---|---|---|---|---|
|
6. 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/
You can take a look at our existing users, use case studies page:
https://www.iconasys.com/customer-case-studies/
and our industries page, with more info on specific domains:
https://www.iconasys.com/industry/diy-dental-photography/
8. Here is the link to the iFrame file for another example, to embed in your website description area, whine bottle:
or this example of a wine bottle:
or this example of a diamond:
...
- (using iframe embed code) OR Link this to a button/text that says something like ‘View 360 Product View’ as displayed in: 360-view-button-product-page.jpg (see attached sample buttons in dropbox folder: iconasys-360-product-view-button-1.png, iconasys-360-product-view-button-2.png)
Related articles
Content by Label | ||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
|
...