ZoomとHubsの繋げ方

2020.03.18に開催されたXRミーティングでの発表資料です。

Transcript

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

   View Slide

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

   View Slide

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

   View Slide

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

   View Slide

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

   View Slide

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

   View Slide

7. View Slide

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

   View Slide

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

   View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide