How to Customize the HoloPlayer Layout for Sharing your Holo


Since v69 went live, HoloBuilder now not only supports with IE11 a new browser but also offers an amazing new design making sharing your Holos, even more, personal. The new custom settings for embedding the HoloPlayer into your website offer five different individually adjustable options to adapt the player to your personal needs.

Standard sharing settings
Advanced sharing settings
Custom sharing settings
Show navigation panel
Rotate on load
Show scenes panel
Autostart player
Show control Panel
Embedding Holos
Fullscreen view
Sharing settings for premium use
Show control panel
Sharing via social networks
HoloBuilder Chrome Add-On

 

Share project settings

Left: Standard options for sharing Holos by social network or directly with URL; Right: Advanced sharing options for embedding your Holo into your website or distributing a custom fullscreen link.

To share your Holo, select the sharing button  in the upper right corner. The standard sharing settings will open in a dialog box as shown in the image above on the left. If you didn’t save your project just yet, a dialog box for saving your project will open when clicking on the ‘share’ button . Save your project. The standard sharing dialog box will open automatically after saving the project (see image above on the right).

Standard sharing settings

With the standard sharing settings you can easily and fast publish your Holos anywhere. Select one of the social network link buttons to directly publish your Holo on either of them. Or, copy the link below and paste it on your blog, social network profile or an email to share the Holo effortlessly with a large group or only selected few. The standard ‘Share URL’ shows your Holo in our embedded player (as on the explore page).

Distribute the QR code, e.g. printed out on paper, to let people scan it with our HoloPlayer beta app and open directly on their mobile device without any URL necessary.


Standard sharing options

Go to top!

Advanced sharing settings

Change between standard sharing and ‘advanced’ sharing by clicking on the according buttons at the top of the ‘Share Project’ dialog box as illustrated in the image above.

 

Advanced sharing settings

 

There are five setting for individual customization of the player view. The sharing settings are adaptive for both, AR as well as VR and 360° photosphere Holos.

    1. Show navigation panel
    2. Rotate on load
    3. Show scenes panel
    4. Autostart player
    5. Show control panel

Note: Additional sharing settings – e.g., ‘Show control panel’, ‘Show edit button’ etc. – will become available when upgrading to a HoloBuilder premium account.

Go to top!

 

Custom sharing settings

1. Show navigation panel

The ‘show navigation panel’ is activated by default and will be displayed in any shared Holo if not manually deactivated. Add the navigation panel to make a linear changing of scenes available and substitute the slide panel  for a more natural navigation in between scene. Navigate directly to a specific scene by selecting the scene name from the drop-down list in the middle. Or, use the arrows on the left and right to move according to the given scene order as shown in the scene overview.

Sharing setting to add navigation panel

Note: Name your scenes when creating a Holo to distinguish the scenes from another and simplify navigation with the navigation panel.

Go to top!

2. Rotate on load

The ‘rotate on load’ setting is activated by default and will rotate the initial photosphere in any shared Holo if not manually deactivated. Activate to automatically rotate the Holo when opening the HoloPlayer. The rotation of the Holo when opening suggests the viewer to rotate interactively the 360° photosphere format or any 3D representation. Only the first scene of a Holo will automatically rotate. Furthermore, the scene will be dragged in direction on the cursor movement when hovering over the player. By clicking once on the player area, the autorotation of the scene will stop.

Go to top!

3. Show scenes panel

Turn on the ‘scenes panel’ to add a panel with a scene overview on the left side of the HoloPlayer as shown in the image below. If no interactable objects for changing the scene are added to the Holo, the viewers can easily change the scene by selecting individual scenes directly from the scene overview.

 

'Show scene overview' share settings in player visualisation

The scenes panel with the scene overview can be hidden on the right-hand side of the player. Expand the scenes panel by clicking on the doubled arrow  or hide it. By unpinning the scene overview, the panel will be automatically hidden when working on your currently opened scene or viewing the scene.

Note: When deactivating the ‘Show slides panel’, the panel won’t be available at all in the shared/ embedded player view to switch between scenes.

Go to top!

4. Autostart player

The complete Holo will load automatically when clicking the share link. Auto start is deactivated by default. If not turned on a thumbnail of the first scene will be loaded with a play button to manually start the Holo. This sharing setting is favorable for Holos viewed primarily on the go from mobile devices with mobile internet. The viewer can intersect and decide whether to view the Holo directly or postpone.


Go to top!

5. Show control panel

Hiding the control panel is a feature only available for premium users. If you are a Starter user, switching off the control panel will not work for you. You can read more about this option below.

control-panel

Embedding Holos

Copy the code fragment for embedding the Holo as an iframe into your website. To embed an AR or VR Holo with HoloBuilder into your website, you first need to create and save a project on HoloBuilder.com.

Furthermore, the frame height and width of the embedded HoloPlayer can easily be adjusted to personal preferences. Simply enter the preferred format in the according text fields or directly into the embedding code snippet.

Embedding options

If you want to add your Holo to your WordPress blog you need to first install the iframe plug-in. However, this only works if you’re hosting your WordPress blog on your own server. If your blog is hosted by WordPress.com, there is, unfortunately, no way yet to embed a virtual tour.

Go to top!

Fullscreen view

Share the customized fullscreen link via social network or other personal sharing sites as well as email, personal messages and  instant messaging.

Sharing settings for premium use

The following sharing settings are only available for premium users. Find out which HoloBuilder package you are currently using and upgrade to your preferred settings.

Show control panel

When activated, a control panel at the bottom of the player is visible. The control panel enables users to ‘rotate’ the Holo ( ), ‘zoom’ in and out ( ), switch to ‘fullscreen mode’ () as well as ‘share’ () and ‘edit’ the Holo (edit). On mobile devices, there are additional options to switch to ‘cardboard mode’ and activate ‘sensors’ for a touch-free rotation of the Holo. By deactivating the control panel, the viewer will be restricted in his sharing abilities as well as cardboard mode options.

Note: With HoloBuilder Pro, Business or Business+ you can also simply remove the ‘Copy & edit’ button from the control panel and keep the panel added to your viewer layout. To remove the ‘

Go to top!

Sharing in social networks

HoloBuilder on Facebook   HoloBuilder on Google+   HoloBuilder on tumblr   HoloBuilder on Twitter   HoloBuilder on Reddit

Share your Holos on any social network directly from the HoloBuilder sharing menu. When opening the sharing options, you’ll find a selection of icons for directly sharing your Holo in the social network of your choice.

HoloBuilder Chrome Add-On

Social networks, such as Google+, support the interactive display of 360° photospheres. Other, like Facebook, don’t. With the HoloBuilder Facebook Add-On it is possible to directly interact with a photosphere on your Facebook timeline. This extension automatically translates your shared HoloBuilder projects into embedded interactive presentations on Facebook as shown in the image below. Take any HoloBuilder tour directly on your timeline without having to open them in another browser tab or window.

HoloBuilder Chrome extension for Facebook

A Holo shared on Facebook if the Chrome extension is enabled.

 

Now it is your turn. Go to HoloBuilder.com and start creating your virtual tours and share according to your liking. If you still have any questions that are not covered by this tutorial or you have suggestions for improvements, please do not hesitate to contact us at support@holobuilder.com!

Go to top!