As of December 15th, 2022, the following templates have support for VR using the Delight VR player:
- Elegant Modern
- Sleek Modern
- Classic
- Contemporary
- Going Solo
If you are setting up new sites using these any of these templates, here are the following steps to enable this player:
1) You will need a license key from Delight VR for use on your site. Within the Delight XR modules page:
https://modules.delight-xr.com/dashboard/video/setup
You should see a page that has an include script:
<script src="//cdn.delight-vr.com/latest/dl8-XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX.js" async></script>
The XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX part is your license key. Please hold onto this.
2) Once you have this license key, you'll want to go into the Template Fields plugin and choose the area where you will be enabling this player.
3) Within this area, you will want to add a template field called delight_vr_license. The value for this license will be the product key from up above.
4) Optionally, you can also set up an additional template field called vr_format. This will override the format of the VR video from its default of STEREO_180_LR. For more information about the formats you can use, please see this page:
https://delight-vr.com/documentation/dl8-video/
The above settings will make all of your scenes on your site use the VR player. In order to make it where only some of your scenes use the VR player, see these steps.
5) Optional: Go into the Extra Fields plugin. You will want to add an extra field with the name of VR that is assigned to Sets. You will want to make sure that this is of the checkbox type.
Now, when you edit sets, there will be a checkbox for whether or not this is a VR set. If this is checked, the system will use the player. If it is unchecked, it will use the normal video player.
6) Optional: If you have VR videos that use different formats, you can add a vrformat Extra field. This will let you override the default format.
Once again, for more information about the formats you can use, please see this page:
https://delight-vr.com/documentation/dl8-video/
If you are using new templates, that should be all that it takes to have the VR player on your site and integrated with Elevated X. Please contact support if you have any questions.
Updating Existing Templates:
If you are looking to enable this functionality on an existing area, please take note of the following templates:
Members Templates:
gallery/movie_player.tpl
This file contains new movie player logic. We recommend you update this file in its entirety.
header.tpl
This file includes the DelightVR JavaScript include:
<?php if ($templatefields["delight_vr_license"]) { ?><script src="//cdn.delight-vr.com/latest/dl8-<?= $templatefields["delight_vr_license"] ?>.js" async></script><?php } ?>
which will only be included if the Template Field is enabled within this area.
Tour Templates:
The tour has more files that are updated.
tour/globals/globals.tpl
This header file includes the call to include the Delight VR player similar to header.tpl up above.
tour/header.tpl
tour/template_sections/update_table_preview.tpl
tour/template_sections/update_table_preview_model.tpl
tour/template_sections/update_table_preview_thumb.tpl
These files replace instances of <a> tags that call the tload() function with those that include data-vr and data-vrformat attributes. Also, calls to tload() include a second argument that passes "this" which lets the tload() function read the values of data-vr and data-vrformat.
trailer_outside.tpl
This file includes conditionals that load the Delight VR player if the set is used in VR. We recommend replacing this file in its entirety.
Tour JavaScript Files:
js/tour.js
This file has been updated to conditionally load the Delight VR player if the set is used in VR. We recommend replacing the tload() function in its entirety.
License Domain:
Please note that your Delight VR player license is limited to a single domain name. If you add additional sites you will need to add additional domains to your license with Delight VR player.
