Miro is a whiteboard platform for collaborative work for distributed teams. It can be embedded inside metaverse experiences and conversely metaverse experiences can be pinned inside Miro boards for collaboration.
Embed a Miro board in the Metaverse
Embed a metaverse in a Miro board
Embed a Miro board in the Metaverse
See an example here https://app.learnbrite.com/dashboard/spaces/visit/spcff80a891312fd907d44b49
Click the Share button
Click the Get embed code link
- Choose Free navigation to allow interactions with the board as a team. Choose presentation if you only wish to allow viewing.
- Click the Copy embed code button
Paste the embed code
<iframe width="768" height="432" src="https://miro.com/app/live-embed/o9J_leEmb8s=/?moveToViewport=-1382,-678,2414,1284&embedId=112668658277" frameborder="0" scrolling="no" allow="fullscreen; clipboard-read; clipboard-write" allowfullscreen></iframe>
Adjust the embed code as highlighted
<iframe width="100%" height="600" src="https://miro.com/app/live-embed/o9J_leEmb8s=/?moveToViewport=-1382,-678,2414,1284&embedId=112668658277&embedAutoplay=true" frameborder="0" scrolling="no" allow="fullscreen; clipboard-read; clipboard-write" allowfullscreen></iframe>
In your space
- Click the Pencil+ icon in the top toolbar
- Choose Add mediaboard from the menu
- Choose the Embed HTML tile
- Paste the embed code
- Click the Create button
Click on the mediaboard to launch the Miro board
References:
https://help.miro.com/hc/en-us/articles/360016335640-Embedding-Editable-Boards-into-Websites
Embed a metaverse in a Miro board
- Click the Plus+ icon in the left toolbar
- Search for iframe
- Paste the Hyperspace embed code
Adjust the embed code as highlighted
<iframe src="https://app.learnbrite.com/dashboard/spaces/visit/spcff80a891312fd907d44b49" 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="100%" height="100%" frameborder="0" scrolling="no" style="overflow: hidden; border: 0; position: absolute; padding: 0; margin: 0; width: 100%; height: 100%; z-index: 100;"></iframe>
- Paste the embed code
- Click the Embed button
Click the frame to element to launch your Metaverse experience
