How to use IFrame on SpatialChat

Iframe at SpatialChat
Example: Google Forms
Example: YouTube
Example: Google Slides

 

The Iframe is a feature in SpatialChat that allows you to add various types of content to your Breakout room. It can also be used as a survey tool, and it allows for individual interaction. This means that the content is not activated at the same time for everyone, and each person will have a different experience with it.

It's important to note that the Safari browser has a W3C Privacy CG standard, which means that iframes cannot be embedded without the user's confirmation that they are familiar with the product and agree to the terms of use. In order for the iframe to work in Safari, the user must visit the website or product and perform a specific action before they will be able to see the iframe on the site.

If you are experiencing this issue, we recommend using Google Chrome as an alternative, as it does not have these restrictions.

Iframe at SpatialChat

To add an Iframe, you must be the Admin or Moderator of your space. 

Go to your Breakout Room at SpatialChat and choose the Share Content "+" button, then choose "</> Embed Web (iFrame)" Option: 

2022-05-17_13-22-49.png

 

Screen_Shot_2021-08-09_at_20.37.22.png

Paste the content of your Iframe and hit OK.  After that, you can click one-time to pin it, resize, or delete it. To interact with the Iframe block, you need to double-click on it.

Screen_Shot_2021-08-10_at_23.08.24.png

Each session is unique and personal. This means that it is not like Screen Share, where everyone sees the same thing as you. Instead, each person sees their own individual session.

You can also embed any web page, even if the website's creators have not allowed their site to be used inside an iframe, as long as you do not use the <iframe> code. Please note that some websites may have measures in place to prevent their content from being embedded in this way, and in these cases you may not be able to successfully embed the page.

Example: Google Forms

Today, almost all services offer the Embed option when sharing, let's try with a simple form by Google Forms, here you can see the SEND option: 

form_1.png

After that, a window will ask you to choose a way to send this form. To embed this form, click on the option with brackets.

Screen_Shot_2021-08-09_at_20.11.58.png

Then you can click on "Copy", to copy the HTML (IFrame)

Screen_Shot_2021-08-09_at_20.25.31.png

If you want to learn more about how to create your form or survey, please take a look here:

Example: YouTube

Here's another example from youtube.com: 

Screen_Shot_2021-08-10_at_23.18.30.png

Screen_Shot_2021-08-10_at_23.20.15.png

Screen_Shot_2021-08-10_at_23.20.32.png

 

Example: Google Slides

You can also embed a presentation on SpatialChat, here is how: 

First, click on File at the top of your presentation, then select the option "Publish on the web"

image.png

 

After that, a window with options to publish will appear, you'll choose the "<>" (embed) option: 

image__1_.png

Copy the code for embedding and paste it on SpatialChat on "Add Iframe". 

 

 

 

Was this article helpful?
1 out of 1 found this helpful

Comments

0 comments

Please sign in to leave a comment.