Upgrade to Pro — share decks privately, control downloads, hide ads and more …

ZoomとHubsの繋げ方

 ZoomとHubsの繋げ方

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

Keizo Nagamine

March 18, 2020
Tweet

More Decks by Keizo Nagamine

Other Decks in Technology

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. 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