2 FSI Viewer JS
71
NeptuneLabs - FSI Viewer
1) Take the photos from different viewing angles
2) Record a video of a full, continuous object spin starting at the angle you took
the first photo from until reaching the same angle again. You might want to
take a video of 2 full spins and cut the video later on.
3) Cut the video if required making sure the video starts and ends at the viewing
angle you took the first photo at
4) Export the video in the following formats:
webm (for Chrome, Firefox, Safari, etc.)
mp4 (for MS IE)
5) Copy the video files to either a static source connector on FSI Server or to
the [viewer]/applications/spin360/videos/ folder using the same file names just
with the file extension matching the video format
6) Add the <video> section to your configuration file and add the "source"
parameter (just the file name WITHOUT the file extension).
2.7 Embedding the viewer at runtime via JavaScript
It is also possible to embed the viewer at runtime via JavaScript.
I) Passing parameters via node attribute:
Example:
var node = document.createElement("fsi-viewer");
node.setAttribute("width", "400");
node.setAttribute("height", "600");
node.setAttribute("src", "images/Rocker Shoe.tif");
node.setAttribute("debug", "true");
document.body.appendChild(node);
$FSI.initCustomNode(node);
// Important: call this AFTER adding the node to the DOM
I) Passing parameters via JavaScript object:
NOTE: In this case any parameters passed via node attribute will be ignored.