How to use IFrame on SpatialChat

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

 

The Iframe is a new kind of object in SpatialChat that allows you to embed a variety of different content right into your Breakout room. It can also be used as a survey tool and in multiple activities, in which an individual interaction with the object is required. Meaning that the content is not activated simultaneously, each user will interact differently.

Iframe at SpatialChat

To add an Iframe, you must be the admin or host of your space. 

Go to your Breakout Room at SpatialChat and choose the Share Content "+" button, then choose "</> Add Iframe" Option: 

Screen_Shot_2021-08-09_at_20.30.19.png

Screen_Shot_2021-08-09_at_20.34.00.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 individual. This means this is not like Screen Share - not everyone sees the same thing as yours. Everyone sees their own.

You can also embed any web page even without the <iframe> </iframe> code (the creators who have not prohibited the use of their site inside the iframe blocks).

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?
0 out of 0 found this helpful

Comments

0 comments

Please sign in to leave a comment.