How to add Virtual Reality Meetings and Hybrid experiences to Happeo

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.

Copy Virtual World Embed Code

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

  1. Click the triple dot menu on your world’s tile
  2. Choose Export from the menu

  1. Expand the Webpage embed export panel
  2. 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

  1. Click on Pages in the top toolbar
  2. Click Create new

Define the Page Group and Page

  1. Give your page group a name
  2. Select the Only Content layout
  3. 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

  1. Expand Section layout details
  2. Set Shadow to No Shadow
  3. Check the EXPAND checkbox for full width
  4. Click the Save button

Reduce Widget spacing

  1. Expand Widget spacing
  2. Set to 0px
  3. Click the Save button

Add an iframe Widget

Click Embed on the right hand panel

Paste the Embed Code

  1. Paste the Embed Code from you copied from the 3D Dashboard earlier
  2. Click the Select button

Click Save

  1. Expand Widget layout details
  2. Set Shadow to No shadow
  3. Set Widget Height to Adjust to section
  4. Click the Save button

  1. Expand Padding
  2. Set to 0px
  3. 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.

How useful was this article?

Click on a star to rate it!

We are sorry that this article was not useful for you!

Let us improve this article!

Tell us how we can improve this article?