Embed your Metaverse in a Microsoft Power Pages portal
Increase the page real estate for the metaverse experience using Page builder
Allow more interaction features through Visual Studio Code
Embed Microsoft Power Pages inside your Metaverse
Embed your Metaverse in a Microsoft Power Pages portal
Try an example here
Add a new Page
- Enter a name for the Page eg. Metaverse
- Choose the Start from blank layout
- Click Add
- Choose the More… component
- Select iFrame
- Paste the world or space URL from the Hyperspace Dashboard
- Click OK
- Click the Preview button
- Choose Desktop preview
Experience your metaverse inside Power Pages
Enhancements
Increase the page real estate for the metaverse experience using Page builder
- Choose the Section (the parent element of the iFrame)
- Click the settings icon
- Set the Column margin to 0
- Set the Column padding to 0
- Click OK
Allow more interaction features through Visual Studio Code
- Click Edit code
- Click Open Visual Studio Code
<iframe src="https://app.learnbrite.com/dashboard/worlds/wrla9871d167dd580006ac441" 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: 100%; z-index: 100;"></iframe>
Find the line that contains the iframe code, you may need to scroll far right
Copy the allow parameter and paste it into the the iframe element
Embed Microsoft Power Pages inside your Metaverse
Another useful way to use Microsoft Power Pages is to make them available inside your metaverse experience.
By default Power Pages do not allow embedding. This can be changed by following this guide https://learn.microsoft.com/en-us/power-apps/maker/portals/embed-portal-website
https://learn.microsoft.com/en-us/power-apps/maker/portals/configure/cors-support
- Go to Apps
- Find the Power Pages site and click the triple dot icon
- Choose Settings from the menu
Choose Site Settings from the right hand panel
Content-Security-Policy: frame-ancestors https://app.hyperspace.mv https://app.mootup.com https://app.learnbrite.com;
