livechat
  • Loading WebRotate 360 Product Views Locally From Your Hard-drive

    Photo by Marvin Meyer

    As many of you know, opening a 360 product view from your hard-drive may not always work "out-of-the-box" in a modern web browser. Since the recent release of Firefox 68 and the announcement that the next version of Microsoft Edge is based on Chromium browser, pretty much everybody who uses WebRotate 360 need to be aware of the required extra steps to configure your browser for local tests or offline viewing.

    The good news is that everything works without issues once the 360 spins are uploaded online or loaded via a local web server on your computer or network. Also, the next version of WebRotate 360 Product Viewer will come with a built-in web browser that will be pre-configured for pain-free local and offline viewing.

    Now lets see how to configure browser security for your local testing in these popular web browsers:

    CHROME (and Opera)

    When you launch a local preview upon publish in SpotEditor, it already passes all required configuration to Chrome such that all should just work. There's one important caveat: you have to make sure that none of the currently open Chrome windows (if any) were launched manually, i.e outside of SpotEditor. As otherwise the settings that we pass to Chrome are ignored.

    If you simply want to launch a published view manually by double-clicking the html file or dragging it to a Chrome window, things get trickier as you have to first configure Chrome to allow loading the local files.

    On Windows we recommend creating an extra shortcut for Chrome (on your desktop for example) and pasting this extra option at the end of the Target field of the shortcut:  --allow-file-access-from-files. You may also rename the shortcut so you don't use it accidentally for regular web browsing:

    On Mac, we need to use Terminal app and an extra script file to launch Chrome with required permissions as follows:

    • Create an empty text file and paste this line:
      open /Applications/Google\ Chrome.app --args --allow-file-access-from-files
    • Save the file as webrotate.sh to your desktop for example
    • Launch Terminal app and type in the following (replace YourUserName):
      chmod +x /Users/YourUserName/Desktop/webrotate.sh
    • Close Terminal app.

    Now that you have prepared an executable script, you can launch Chrome with required settings whenever you need to test your 360 product views by opening the script file in Terminal via the "Open With" command in Finder.

    FIREFOX

    Follow these steps in Firefox to enable the loading of local files the way it has been possible in the last ten or so years until the release of Firefox 68.

    • Open Firefox.
    • In the address bar type in about:config
    • You will see a message, warning that changing anything there may be harmful.
    • Confirm that you accept the risk to proceed.
    • A new page now opens where you can change Firefox configuration.
    • In the search bar at the top of this page type in privacy.
    • Find this option in the filtered list privacy.file_unique_origin
    • Click it until it displays as false as per attached screenshot.

    This does expose you to a known security issue if somebody tricks you into downloading and launching a rogue html file from your hard-drive so you may consider setting up a separate Firefox profile if this is a concern.

    SAFARI

    To be able to preview your published work locally in Safari 11 (and up), navigate to Safari's Develop menu and check "Disable Local File Restrictions" as shown below. If you don't see the Develop menu in the menu bar, choose Safari > Preferences, click Advanced, then select "Show Develop menu in menu bar".

  • Meet PixRiot, Our New Digital Asset Management Solution For Business

    Photo by panumas nikhomkhai

    Today, after nearly two years of development, we're happy to offer our new service, PixRiot. It's designed to help our users who need a reliable online platform for the efficient management and fast delivery of their digital assets worldwide. It's built using the latest technology and relies on the best network of servers around the world to provide unmatched reliability and access speeds.

    To show how simple it is to use PixRiot, let's review a workflow one would use to host and deliver their published WebRotate 360 assets (both interactive 360 product views and animated GIF videos are supported).

    1) Download and install the latest WebRotate 360 publishing software (v3.6.4 beta; please request commercial version of v3.6.4 beta here if you have purchased it before) and publish your 360 product images as usual in SpotEditor. Make sure the "Compatible with pixriot.com" check-box is checked on the Publish form and remember to re-publish any existing SpotEditor projects that you plan to upload to PixRiot.

    2) Login at pixriot.com using account details you have received from us via email. Until our automatic sign-up is available, you can request your free PixRiot account here.

    3) Create a new folder using the New Folder button in PixRiot's assets toolbar as needed. The folders are designed to help you organize and manage your assets in a variety of ways. For example, you may create a folder per a website or a client project you manage or per a product category.

    Each PixRiot folder can store any number of assets or sub-folders.

    4) To upload a single 360 product view, navigate inside the new PixRiot folder in your browser and then drag a single folder you see under published/360_assets/ of your SpotEditor project (i.e Your-Project-Name) to the PixRiot folder you just created.

    To upload multiple 360 product views at once, publish several SpotEditor projects to the same folder on your computer, navigate inside 360_assets of that folder and then drag all project folders you see there to your PixRiot folder at once. Alternatively you can rename 360_assets to something else as needed and drag just the renamed folder.

    Uploaded assets are made public by default. To change access to private, i.e not accessible outside of your PixRiot account, click on the green "public" indicator. Note that the public assets you may have shared with someone before changing access to private may be cached on the Internet and will remain accessible until cache expiration.

    For a quick preview of the uploaded 360 product view, click on the "expand" button which is the first icon at the end of the asset panel.

    5) Use the "globe" icon located at the end of the asset panel to share the upload. Config URL can be used with various CMS plugins that you can download here or our APIs. All WebRotate 360 plugins and APIs have a field or a property called either config, Config File URL or 360 View Path and this is where you can paste the URL.

    If not using our plugins or APIs, select iFrame tab to copy a generic iFrame embed code which should work anywhere you can insert a shared YouTube video or a similar embed code.

    To request your free PixRiot account, contact us via Support request form here or call us directly on +1 (800) 996-8617. You can use your free account for up to 500 MB of uploaded data (roughly 35 webrotate 360 product views) and 2 GB of monthly traffic.

    PixRiot Business plans starting at $22/month are available upon request.

  • Using WebRotate 360 Product Views Offline on iPad

    One question we often hear is how to use WebRotate 360 product views offline on iPad devices. Apple iPads are historically difficult when it comes to storing and viewing content that was created externally. Not to mention presenting dynamic content such as our 360 product spins that usually require a full-fledged web browser.

    Luckily, there're excellent solutions for iOS that solve this issue and we will show here how to use one such app.

    Kiosk Pro is an app by Kiosk Group located in Frederick, Maryland, USA and it's one of a few options they offer to help sharing digital content and interactive experiences using kiosk style devices.

    To use use Kiosk Pro offline you will need their Basic version which at the time of writing is listed at $24.99. With this in mind lets follow this step by step guide to run a simple presentation offline with a single 360 product view that will take the entire screen of an iPad:

    1. Install Kiosk Pro Basic on your iPad.

    2. Publish a 360 product view or a multi-row 3D product view in WebRotate SpotEditor using the Mobile full-page template that you can select on the Publish form via the Template drop-down.

    3. Connect the iPad to your Mac and start iTunes. Expand File Sharing -> Apps -> Kiosk Pro Basic under connected device.

    4. Navigate to the published folder of your SpotEditor project in Finder and drag all files and folders from the published folder to iTunes under Kiosk Pro Basic Documents. Note the name of the template .html file which is the only html file in the published folder that you have just uploaded to your iPad (i.e KioskTest.html as per the following screenshot).

    5. Start Kiosk Pro and enter the name of the html file under Content -> Homepage as this will be the entry point of the presentation for this exercise. Or you can select Content -> Local File Directory and pick the html file there directly.

    6. Now you are ready to start the published 360 product view as an offline presentation by simply selecting "Run Kiosk Presentation" in the top left corner of the Kiosk Pro app and here's how it looks like using their default settings.

    There're various settings in the kiosk app to help fine-tuning your offline (and online!) presentations. For example, you can use Custom Links to implement some navigation between multiple views or other product pages.

    And if you have some basic html knowledge, you may combine multiple WebRotate 360 Product Views into a landing gallery or a catalog of your inventory that your "kiosk" users can explore offline.

  • Heavy Duty 360 Product Photography Setup and Workflow by Utah Trikes

    Utah Trikes (www.UtahTrikes.com) is the nation's leading retailer of recumbent trikes, and it's no wonder. With the ability to offer unparalleled customization, people from all over the USA get their trikes built and shipped from this shop in Payson, Utah to their homes.

    "Because we ship so many customized trikes out to our customers it is important that they are setup exactly how they want prior to shipping," - says Ashley Guy, president of Utah Trikes.

    "Years ago, we implemented the procedure of taking a photo shoot of each trike once completed to send to our customers. This allows them to see and approve exactly the trike they're getting before shipping. We also put the gallery of the more customized trikes on our website which doubles as marketing and helps others see what options are available."

    As the list of customization options has grown it has become important to send more and more pictures showing all the details. The folks at Utah Trikes decided that sending their customers a 360 product view of their trikes was the way to go. The easy part was choosing WebRotate 360, but they knew it was going to to take a pretty big commitment if they were going to do this for every trike they build.

    "Automation is key here," - said Guy, "in order to make this viable we need to get the process down to about 30 minutes from beginning the photo shoot to being live on the web."

    Utah Trikes couldn't find a ready made solution that worked for them so they decided to build their own. Of course, it helps when you have your own fabrication facility. The UTCustom Skunkworks built a platform stage from aluminum tubing, with a turntable measuring 8ft in diameter.

    The turntable is supported by 32 4 inch caster wheels and driven by a crazy combination of sprockets that could only come from a bike shop. The final gear reduction is 360:1 and powered by a motor. Flip the switch and the turntable revolves at a consistent 1 revolution per 195 seconds.

    The whole turntable with stage measures 12ft wide by 18ft deep. There's even an additional drop-down canvas backdrop which extends the width for shooting longer trikes like the 10.5ft-long UTCustom Tandem. The entire top surface is covered in white melamine including a curved backdrop that gently curves to the ceiling. The melamine surface is nearly perfect as it reflects a lot of light without producing shiny highlights on camera.

    Lighting of course is one of the most important considerations. Because they need repeatable results every time, getting the lighting perfected was critical. To light it all, they use six 250W 30,000 Lumen LED fixtures, one 90W 12,000 Lumen LED fixture, and three smaller LED panels all with custom adjustable mounts they made themselves. This is in addition to the fluorescent house lights. All lights are 5000K. Needless to say, there is a lot of light. About half of the lights are aimed at the background and table surface and the rest are pointed at the trike on the turntable.

    The camera used is a Nikon D850 with a 58mm prime lens. Focus is set manually to the center of the turntable and locked so it does not hunt during shoots. Aperture is set to F11 and shutter speed to 1/50. This puts ISO right about 125. This combination of camera and glass provides an incredibly sharp and detailed image. Images are captured in RAW format at 46MP.

    The table is turned on and as it rotates the camera is set to take pictures every 3 seconds using the intervalometer on the D850. The camera stops taking pictures after 65 pictures are taken and the trike has made a complete 360 spin.

    The RAW files are sent directly to a network drive and imported into Lightroom CC. Here you can see what the RAW files look like, which if you're not used to working with RAW images may not look good to you. The nice thing about this format though is the huge amount of color and light information which a jpeg will just throw away. 

    Here's the actual RAW file if anyone wants to play around with it: download

    With just a little bit of tweaking in Lightroom they end up with this as the finished result. Since the lighting is consistent the adjustments are nearly the same for every project. Once the settings are tweaked perfectly on one of the photos they are copied to all the photos from the batch. Finally, the crop is set and copied to the batch.

    Cropped and color corrected photos are exported as jpegs with 2000 pixel width and easily turned into a 360 product spin with WebRotate's SpotEditor. The finished project is then uploaded to the web server directly through the publish project tool.

    "So far the process averages about 35 minutes," - says Guy, "which is pretty close to our goal. I'm sure that with a bit more refinement we'll hit it. And, for now, we have amazing 360 product views of our trikes and our customers are loving them. In addition, we have super hi-res pictures of our trikes from 65 different angles to use as needed."

    Check out the final page from the sample pictures given here:

    http://www.utahtrikes.com/RECENTTRIKE-5201950_CatrikeDumontFullSuspensionFoldi.html

    So, what's next for Utah Trikes?

    "Well, I'm really intrigued by the multi-row capabilities of WebRotate 360 and we are already working out ways to implement it in our process," - says Guy, "Maybe follow up with us in a couple months and you'll be able to ride a virtual trike on our website."

Subscribe to our newsletter

Sign up to our newsletter to keep a pulse on our latest developments, informative posts and beta releases. We don't abuse it!

Signup