ZoomとHubsの繋げ方

by Keizo Nagamine

Slide 1

Slide 1 text

ZoomとHubsの繋げ方 @KzoNag 2020年3月18日 XRミーティング in 福岡Hubs会場 #XRMTG #福岡XR部

Slide 2

Slide 2 text

自己紹介ながみね @KzoNag Jollystics Inc. / 福岡XR部 Unityを触っていることが多い XR/インタラクティブ/モバイル 2

Slide 3

Slide 3 text

オフライン 3 Zoom 大阪会場東京会場福岡会場・・・

Slide 4

Slide 4 text

オンライン（Zoom） 4 Zoom ・・・

Slide 5

Slide 5 text

オンライン（Zoom + Hubs） 5 Zoom ・・・福岡Hubs会場

Slide 6

Slide 6 text

オンライン（Zoom + Hubs） 6 Zoom ・・・福岡Hubs会場

Slide 7

Slide 7 text

Slide 8

Slide 8 text

8 Hubs(バーチャル空間) ↓Zoom ↓スライド ↑参加者 ↑参加者

Slide 9

Slide 9 text

Zoom オンラインミーティングのためのサービスポイント ▪ カメラ設定 ▪ スピーカー設定 ▪ マイク設定 9

Slide 10

Slide 10 text

Hubs by Mozilla ブラウザベースのソーシャルVRプラットフォームポイント ▪ マイク設定 ▪ 画面共有 10

Slide 11

Slide 11 text

11 連携用WindowsPC Hubs (ブラウザ) Zoom (App)

Slide 12

Slide 12 text

12 連携用WindowsPC Hubs (ブラウザ) Zoom (App) ①Hubsの様子をZoomに映す ②Zoomの画面をHubsに映す ③Hubsの音声をZoomに流す ④Zoomの音声をHubsに流す

Slide 13

Slide 13 text

①Hubsの様子をZoomに映す 1. 画面／ウィンドウを仮想カメラ出力するツールを導入 a. 今回はmanycamを使用 2. Hubs画面／ウィンドウを仮想カメラ出力 3. Zoomのカメラ設定で導入した仮想カメラを選択 13

Slide 14

Slide 14 text

②Zoomの画面をHubsに映す 1. Hubsの画面共有機能でZoomアプリ画面を表示 14

Slide 15

Slide 15 text

③Hubsの音声をZoomに流す 1. 仮想オーディオデバイスツールを導入 a. ④でも使用するため2系統の入出力ができるもの b. 今回はVoicemeeterBananaを使用 c. 2系統を仮想オーディオA/Bとする 2. PCの音声出力を仮想オーディオAに設定 3. Zoomのマイク設定を仮想オーディオAに設定 15

Slide 16

Slide 16 text

④Zoomの音声をHubsに流す 1. 仮想オーディオデバイスツールを導入 a. ③でも使用するため2系統の入出力ができるもの b. 今回はVoicemeeterBananaを使用 c. 2系統を仮想オーディオA/Bとする 2. Zoomのスピーカーを仮想オーディオBに設定 3. Hubsのマイクを仮想オーディオBに設定 16

Slide 17

Slide 17 text

17 連携用WindowsPC Hubs (ブラウザ) Zoom (App) ①Hubsの様子をZoomに映す ②Zoomの画面をHubsに映す ③Hubsの音声をZoomに流す ④Zoomの音声をHubsに流す

Slide 18

Slide 18 text

18 連携用WindowsPC Hubs (ブラウザ) Zoom (App) Hubs画面 Hubsの画面共有 PC音声仮想オーディオB manycam 仮想カメラ Voicemeter Banana 仮想オーディオA Zoom スピーカー

Slide 19

Slide 19 text

19 連携用WindowsPC Hubs (ブラウザ) Zoom (App) アバターが見てるもの Hubsの画面共有アバターが聞いてる音アバターから出る音 manycam 仮想カメラ Voicemeter Banana 仮想オーディオA Zoom スピーカーカメラ兼マイク兼スピーカーの役割

Slide 20

Slide 20 text

CREDITS Special thanks to all the people who made and released these awesome resources for free: ▪ Presentation template by SlidesCarnival ▪ Photographs by Unsplash 20