How to add Virtual Reality Meetings and Hybrid experiences to Happeo
Happeo is an all-in-one digital workplace platform bringing together intranet, collaboration and social networking for G-Suite organizations.
Adjust the Embed Code for Happeo
Add the Virtual World to Happeo
Share the Virtual World Page with the Organization
Visit the 3D Virtual World Page
Copy Virtual World Embed Code
First grab the Embed Code to your 3D Virtual World
Click on the Worlds menu
- Click the triple dot menu on your world’s tile
- Choose Export from the menu
- Expand the Webpage embed export panel
- Click the clipboard icon to copy the World’s Embed Code
Adjust the Embed Code for Happeo
Your embed code will look something like this
<iframe src="https://app.learnbrite.com/dashboard/worlds/wrl40064d9b3c4aa266aXXXXX" allow="xr-spatial-tracking; display-capture; magnetometer; picture-in-picture; wake-lock; screen-wake-lock; vr; geolocation; microphone; camera; midi; encrypted-media; autoplay; fullscreen; gyroscope; accelerometer;" id="learnbriteSpaceFrame" width="300" height="150" frameborder="0" scrolling="no" style="overflow: hidden; border: 0; position: absolute; padding: 0; margin: 0; width: 100%; height: 90%vh; z-index: 100;"></iframe> |
Modify the embed code to display better in Happeo
Add min-height:75vh;
<iframe src="https://app.learnbrite.com/dashboard/worlds/wrl40064d9b3c4aa266aXXXXX" allow="xr-spatial-tracking; display-capture; magnetometer; picture-in-picture; wake-lock; screen-wake-lock; vr; geolocation; microphone; camera; midi; encrypted-media; autoplay; fullscreen; gyroscope; accelerometer;" id="learnbriteSpaceFrame" width="300" height="150" frameborder="0" scrolling="no" style="overflow: hidden; border: 0; position: absolute; padding: 0; margin: 0; width: 100%; height: 90%vh; z-index: 100; min-height:75vh;"></iframe> |
Add the Virtual World to Happeo
Login to the Happeo intranet platform
Create a new Page
- Click on Pages in the top toolbar
- Click Create new
Define the Page Group and Page
- Give your page group a name
- Select the Only Content layout
- Click the Create button
Click the link to Start adding content
Add a full size Section
Edit Section styles
Adjust Section Layout for maximum screen real estate
- Expand Section layout details
- Set Shadow to No Shadow
- Check the EXPAND checkbox for full width
- Click the Save button
Reduce Widget spacing
- Expand Widget spacing
- Set to 0px
- Click the Save button
Add an iframe Widget
Click Embed on the right hand panel
Paste the Embed Code
- Paste the Embed Code from you copied from the 3D Dashboard earlier
- Click the Select button
Click Save
- Expand Widget layout details
- Set Shadow to No shadow
- Set Widget Height to Adjust to section
- Click the Save button
- Expand Padding
- Set to 0px
- Click the Save button
Ensure the page is Published
Share the Virtual World Page with the Organization
Edit the page
Edit the Page Group
Click Share page group
Click Share with organization
Click the Save changes button
Visit the 3D Virtual World Page
Meet, collaborate and have fun in your virtual world
For a fullscreen experience click the expand button in the top right of the toolbar (Press Escape key to exit fullscreen view at any time)
Notes:
More information from Happeo regarding the Embed feature can be found here.