SpatialChatでのIFrameの使い方

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.

SpatialChatでのIframe

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

SpatialChatのBreakout Roomで、Share Content "+" buttonを選択し、"</> 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.

例Googleフォーム

現在では、ほとんどのサービスが共有時に埋め込みオプションを提供していますが、ここではGoogle Formsのシンプルなフォームで試してみましょう。

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

次に、「コピー」をクリックすると、HTML(IFrame)がコピーされます。

Screen_Shot_2021-08-09_at_20.25.31.png

フォームやアンケートの作成方法について詳しく知りたい方は、こちらをご覧ください。

例YouTube

こちらも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

 

例Google スライド

また、SpatialChatにプレゼンテーションを埋め込むこともできます。

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

image.png

 

その後、公開するためのオプションのウィンドウが表示されますので、「<>」(埋め込み)を選択します。

image__1_.png

埋め込み用のコードをコピーして、SpatialChatの「Iframeを追加」に貼り付けてください。

 

 

 

この記事は役に立ちましたか?
1人中1人がこの記事が役に立ったと言っています

コメント

0件のコメント

サインインしてコメントを残してください。