外部メディアをオブジェクトに埋め込む

カスタマイズ

みなさん、こんにちは。 リモートワークツール「Gather Town」公式日本パートナー事務局です。

Gatherでは外部のメディア情報をスペース内に埋め込むことが可能です。外部のメディアを埋め込むことで、例えば動画を参加したゲストが自在に視聴できたり、シアタールームのような活用法も可能になります。

外部メディア上で質の高いコンテンツが多く生まれる今だからこそ、Gather上でも様々な楽しみ方が可能です。是非メディアの埋め込みをマスターして、より自分好みの快適なGather空間を作成していきましょう。

ビデオとライブストリーム

Gather上でライブストリームビデオを紹介したり、ライブストリームを設定したりする場合は、インタラクティブオブジェクトにビデオを埋め込みビデオを紹介します。例えば次のプラットフォームを用いてビデオの共有を行うことが可能です。

  • YouTube
  • Vimeo
  • YouTubeライブ(ライブストリーミング)
  • Twitch(ライブストリーミング)

注: ビルドツールを使用してインタラクティブオブジェクトを挿入するとビデオを簡単にテストすることができます。また、 マップメーカー モードを使用すると、オブジェクトを配置している特定のタイルを確認できます。

インタラクティブオブジェクトの追加

オブジェクトにビデオを埋め込むには、マップメーカーまたはスペースのビルドペインからオブジェクトピッカーを開きます。オブジェクトピッカーで、目的のオブジェクトを選択し、「オブジェクトの相互作用」を選択します 。

オブジェクトピッカーから、オブジェクトを選択します。

埋め込みビデオ」から、URLを「ビデオ」フィールドにコピーします。アクティベーション距離(デフォルトは3)およびその他の設定を行います。

URLを「ビデオ」フィールドに貼り付けます。

URLを「ビデオ」フィールドに貼り付けます。

オブジェクトをスペースに配置し「トップナビゲーションメニュー」から「保存」を選択してください。 (スペースでオブジェクトピッカーを使用する場合は保存する必要はありません。)

オブジェクトをマップに配置し、[ 保存

オブジェクトをマップに配置し、[ 保存

誰かがオブジェクトに近づくと、デフォルトのメッセージ(xを押して操作)またはカスタムプロンプトメッセージを操作するように求められます。その際には、ビデオの小さなプレビューが画面の下部に表示されます。キーボードの「x」を押すと、埋め込まれたビデオがGather内に表示されます。もう一度「x」を押すか、xをクリックして埋め込みビデオを閉じることができます。

詳細オプション:同期されたビデオ

ビデオに 同期された開始時刻を設定する事で、 アクティベーション距離内のすべての人にビデオを再生する日時を指定することができます。 

カレンダーピッカーを使用して 「同期開始時刻 」を設定します。アクティベーション距離内のすべての人にsい呈したタイミングでビデオの再生を行うことが出来ます。

カレンダーピッカーを使用して 「同期開始時刻 」を設定します。アクティベーション距離内のすべての人にsい呈したタイミングでビデオの再生を行うことが出来ます。

  • 同期されたテレビをテストして、ビデオが正しく再生されるかどうかを確認するには、「時間」を1分後に設定し、それに応じてビデオが再生されることを確認します。 (開始時間は約1分です。)
  • 同期開始時刻が設定されていて、まだ指定時刻に達していないビデオオブジェクトが、空白の黒い画面でマップに表示されます。入力した開始時刻まで、空白の画面が表示され続けます。ゲストが自分でビデオの再生を開始することはできません。

警告: ライブストリームリンクを使用している場合は 同期された開始時刻を設定することで、指定時間までライブストリームが再生されなくなります。

ビデオをWebサイトとして埋め込む

YouTubeビデオのビデオコントロールとクローズドキャプションが必要な場合は、代わりに埋め込みWebサイトとしてビデオの追加が可能です。これを行うには、動画のURLを変更して、「watch?v=」を「embed/」に置き換える必要があります。 

たとえば、動画の元のURLが( https://www.youtube.com/watch?v =JePchzu_USM)の場合(https://www.youtube.com/embed/JePchzu_USM)に編集する必要があります 。

次に、変更した新しいURLをコピーしてインタラクティブオブジェクトに追加します。

プレーヤーコントロールを使用してYouTubeビデオを追加するには、オブジェクトピッカーの[埋め込みWebサイト]フィールドを使用して、URLを編集します。

ゲストがオブジェクトを操作すると、ビデオは、YouTubeプレーヤーコントロールを使用して、埋め込みWebサイトとして開きます。

「x」を押してオブジェクトを操作すると、ビデオはYouTubeコントロールを使用してフレームの中で再生されます。

ウェブサイト

埋め込み可能なウェブサイトをインタラクティブオブジェクトにリンクして、Gatherのフレーム内で直接開くことができます。これには、個々のGoogleドキュメント、スプレッドシート、フォームが含まれますが、Googleドライブのファイルディレクトリは含まれません。 Webサイト管理者が埋め込みを許可している限り、ほとんどすべてのサイトを埋め込むことができます。

インタラクティブオブジェクトの追加

オブジェクトに画像を埋め込むには、マップメーカーまたはスペースのビルドペインからオブジェクトピッカーを開きます。オブジェクトピッカーで、目的のオブジェクトを選択して、「 オブジェクトの相互作用」を選択します。

マップメーカーでオブジェクトピッカーを開きます。「埋め込みWebサイト」から埋め込みたいウェブサイトのURLを入力します。アクティベーション距離を設定し(デフォルトは3)、必要に応じてカスタムプロンプトメッセージを追加します。

オブジェクトに埋め込むWebサイトのURLを入力します。必要に応じて、アクティベーション距離を設定し、プロンプトメッセージを追加します。

完了したら、「トップナビゲーションメニュー」 から「保存」を選択し設定を終えます。(オブジェクトをスペース内に配置する場合は保存する必要はありません)。 

オブジェクトをスペースに配置し、「保存」

誰かがオブジェクトに近づくと、デフォルトのメッセージ(xを押して操作)またはカスタムプロンプトメッセージを操作するように求められます。キーボードの「x」を押すと、埋め込まれたWebサイトがGather内に表示されます。もう一度「x」を押すか、xをクリックして埋め込まれたWebサイトを閉じます。

ライリーはインタラクティブオブジェクトを上に移動し、キーボードの「x」を押してから、GatherヘルプセンターがGatherに埋め込まれているのを確認します。

埋め込みWebサイトのトラブルシューティング

  • httpsで始まるURLである必要があります。残念ながら、セキュリティ上の懸念からhttpサイトは許可されていません。
  • Webサイトはiframeへの埋め込みを許可する必要があります。サイトで埋め込みが許可されていない場合は、オブジェクトを操作するときに「接続を拒否しました」というメッセージなどが表示されます。
  • 埋め込むことができないWebサイトの回避策は、メモのインタラクティブとしてオブジェクト内にURLを貼り付けることです。これにより、参加者は、以下のスクリーンショットとgifのように、そのオブジェクトを操作するときにURLを確認できます。 URLをクリックすると、新しいタブでWebサイトが開きます。

Noteオブジェクトの相互作用のメッセージにURLを追加します。

ユーザーがオブジェクトを操作するとき、メモのURLをクリックしてWebサイトにアクセスできます。

埋め込み不可能なWebサイトの場合は、Noteインタラクションを使用してURLを指定します。 

いかがでしたでしょうか?

埋め込み型のメディアをうまく活用することで、Gatherの世界観の中で様々な外部コンテンツを楽しむことが出来るようになります。

それでは今回はここまで。

次回もどうぞお楽しみに!

コメント

タイトルとURLをコピーしました