【VR空間サービス Spatial.io】 #5 SpatialからZoom会議に参加する

#サマリ
VR空間サービスSpatialからZoom会議に参加する方法をまとめました。
Spatial2.0でカメラ機能がアップデートされたことで画角も自由に変えられるようになりました。
動作確認はしていませんが、ほかのオンライン会議にも同様な方法で参加できると思います。
![Spatial_Zoom2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/933978/2d086082-ad68-2db7-0b9b-a78fdb6ae756.png)


##環境
- Windows 10
- Chrome
- Oculus Quest2
- Spatial 2.0
- OBS 26.1.1
- Zoom 5.4.2

##目次
1. システム構成
1. OBS Studioインストール
1. Spatialの準備
1. OBS Studioの設定
1. Zoomの設定
1. Zoom画面の共有
1. カメラ位置の調整

##1. システム構成
システム構成はこんな感じ。
![SpatialZoomシステム構成.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/933978/a52c90ec-4350-2bec-682c-f9fd4551aa4f.png)

Spatialからは映像だけ流します。
音声はタイムラグがあると会話がしにくそうなのでZoomのヘッドセットを使用します。

##2. OBS Studioインストール
- 以下のページからOBS Studioをダウンロードしインストールする。

[OBS Studioダウンロード](https://obsproject.com/ja/download)
![OBSダウンロード.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/933978/af3bf836-f22c-b4c8-ad34-a2dbed276d6c.png)

##3. Spatialの準備

- ChromeからSpatialにアクセスする。このChromeがカメラ役になる。マイクとカメラはオフにする。PCの音声出力もミュートにする。
![Spatialアクセス2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/933978/0e918845-9a3c-510d-7faa-9651f83d054b.png)

##4. OBSの設定

- OBS Stusioを起動し、右下の"シーン"の下にある"＋"をクリックする。シーン追加ダイアログでシーン名を指定してOKボタンをクリックする。
![OBS3.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/933978/fdae8209-f53a-d5a2-08d2-f21c4c6e5fbd.png)

- 右下の"ソース"の"＋"ボタンをクリックし"ウィンドウキャプチャ"を選択する。
![OBS6.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/933978/bb233d6c-87e5-b8c6-db6e-5499d15fba2f.png)

- ソースを作成/選択ダイアログで"新規作成"を選択しソース名を指定してOKボタンをクリックする。
![OBS77.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/933978/a6dd844e-c54d-d06e-80ed-a41157c7be79.png)

- ソースのプロパティでウィンドウにSpatialにアクセスしているChromeを指定する。"カーソルをキャプチャ"のチェックは外してOKボタンをクリックする。
![OBS9.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/933978/20004bc8-565f-d45c-fb57-f40d96145c6f.png)

- 指定したChromeのウィンドウがキャプチャされる。初期状態ではサイズが合っていない。
![OBS10.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/933978/feefddd0-e7fd-d92b-6d76-95692c443280.png)

- 赤い枠を操作し真ん中あたりがキャプチャされるようにサイズ・位置を調整する。
![OBS11.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/933978/4956af40-52ac-5f3c-b8a2-e31fca3bc737.png)

- 仮想カメラ開始ボタンを押す。
![OBS12.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/933978/c96b3cbe-ee51-1ab0-be43-91d4bfd6efca.png)


##5. Zoomの設定

- Zoom会議を開始しビデオとして"OBS Virtual Camera"を選択する。
![OBS14.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/933978/3e281fbb-f047-8fa4-b0ae-e725414ef258.png)

##6. Zoom画面の共有

- ChromeでアクセスしているSpatialの画面共有ボタンををクリックする。
![OBS16.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/933978/3bf8b34c-0162-27b9-ad85-1a1a76b7676d.png)

- "アプリケーションウィンドウ"の中から"Zoom"ミーティング"を選択し"共有"ボタンを押す。
![OBS18.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/933978/9b78044d-5462-5aa2-818a-814a2d37ca73.png)


##7. カメラ位置の調整

- OculusQuestでSpatialを起動しChromeで入ったのと同じVR空間に入る。Spatial内のカメラで、AutoCamをオフにし、撮影画像表示をオンにする。
![Spatial_Camera.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/933978/6640f032-34d1-fedd-cf53-a26af1754413.png)

- AutoCamをオフにするとカメラを自由に動かせるので、カメラとZoomが映っている共有画面を見やすい位置に調整する。
![Spatial_Zoom.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/933978/8e3fb1fe-013a-bf85-b121-12411f8a90c5.png)

ZoomにSpatialから参加できました。
Zoom画面はカメラに重ねると目線がまっすぐになってよさそうです。

#　
チームハイエナ <img width="120" alt="hyaeninae_tomei.png"  src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/933978/99b448d3-7ff0-58f3-302b-8528cf339b8d.png">