リモート会議が100倍楽しくなるバ美肉ツールの使い方【Webcam VTuber】


## 記事の趣旨
・Webcam VTuberとOBS Studioを使用し、Zoomなどのリモート会議ツールに好きなキャラクターの姿で参加する
![video1147096052_AdobeExpress (1).gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2375098/02641e12-e02a-6130-b5d9-daab3b02b30e.gif)
↑完成イメージ（Gif）


## はじめに
みなさん、リモート会議はお好きでしょうか？

エンジニアにとってZoomやGoogle Meetなどのリモート会議ツールは必須ですが、<b>慣れないうちは話しづらさを感じる人も多い</b>ようです。
僕もIT業界に入りたての頃はかなり苦手意識があり、オンラインでミーティングがあるたびに緊張していた覚えがあります。
この記事はそんな新人さんや、<b>その先輩、上司の方にも見てほしい</b>ツールの紹介を行います。
<b></b>

## アバターを使おう
突然ですが、先週の弊社の朝礼はこんな感じでした。
![スクリーンショット 2023-04-10 110920.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2375098/58cc00d6-eb74-c080-76a2-c2731b8d76ba.png)

 
ご覧の通り、<b>とても和やかな雰囲気</b>。休み明けの月曜朝はちょっと憂鬱な気分になりますが、アバターはいつもニコニコ。それを見ている中の人もニッコリ。優しい世界ですね。
真ん中の金髪の子が僕です。このように、<b>自分の好きなアバターでリモート会議に参加しよう</b>という趣旨の記事となっております。
見た目がこんなだと<b>緊張する方が難しい</b>ので、リモート会議が苦手な方もいい感じに肩の力も抜けるのではないでしょうか？
社内のミーティングやリモート飲み会でのネタなどにおすすめです。


## 使用するツールなど
・[Webcam VTuber](https://vtuber.userlocal.jp/)
・OBS Studio
・Zoomやgoogle meetなどのリモート会議ツール
・お好みのVRMモデル

## モデルを用意する
まずは、表示したいVRMモデルを用意します。
VRMモデルとは、様々なVRMアプリケーションで使える3Dモデルの形式のことです。1つ持っていれば様々なツールで使えるので非常に便利です。

おすすめは、[VRoid Studio](https://vroid.com/studio)での作成です。
モデリングの知識がなくても、ゲームのキャラクタークリエイトのように自分の好みのアバターが簡単に作れます。しかも無料！
 
![スクリーンショット 2023-04-14 161817.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2375098/52aa48db-eaba-bda8-1a9f-5a8269df1ec5.png)
↑非常に多彩な項目から自由に組み合わせて作ります。


出来たらVRM形式でエクスポートしてください。

[BOOTH](https://booth.pm/ja)などのモデルを配布サイトしているサイトでお好みのものを探すのもいいと思います。
モデルを用意することが難しい場合は、後述のツールにモデルがいくつか用意されていますので、それを使うのもアリです。

この記事ではこの子↓を使います。（VRoid製）
 ![pose1.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2375098/95961445-99ac-aad6-45c3-ee3ee0a9e5fa.png)



## Webcam VTuberの設定
モデルが用意出来たら、[Webcam VTuber](https://vtuber.userlocal.jp/)にアクセスしましょう。

このようなポップアップが出た際は、「許可する」を押してください。
 ![スクリーンショット 2023-04-14 164517.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2375098/eede8fdc-0eac-1a17-25eb-e2f3fb282e0d.png)








アクセスができたら、こんな画面になっていると思います。
 ![スクリーンショット 2023-04-14 165018.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2375098/37e3f7cf-ee99-092a-1816-e4c64fbf9280.png)


カメラへのアクセスができていれば、画面前のあなたの動きに合わせてモデルが動いているでしょう。
 ![スクリーンショット 2023-04-14 170641.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2375098/60030063-1b57-fd2c-7b5b-a1fcabbbfaa0.png)





### モデルの変更
画面右の人のアイコンをクリックします。
 ![スクリーンショット 2023-04-14 171903.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2375098/cbe8077c-bd04-0f70-9b9a-46c8e962940d.png)


右下の「Upload VRM File」をクリックして、読み込みたいVRMモデルを選択します。
 ![スクリーンショット 2023-04-14 172007.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2375098/5adf22cf-9d9b-e384-65b1-666f70a6c290.png)



自分が追加したモデルがリストに反映されていればOKです！
追加されたモデルを選択して、「Change Model」をクリックすると…。



出ました！これでWebcam VTuberの準備は完了です。
![スクリーンショット 2023-04-14 172645.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2375098/7ed40c99-d926-f57b-7e3a-b515e566fe35.png)



### その他の項目

・表情の変更
表情の動きもある程度は認識してくれていますが、キーボードの１~5でモデルの表情を変えることもできます。画面左下の表情アイコンが目安です。（画像は３の表情）
 ![スクリーンショット 2023-04-14 171403.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2375098/56edaa5f-0dd8-0b8f-a69a-14ebdbc46807.png)



・背景画像の変更
画面右の写真のアイコンから、背景画像を変更することが可能です。
![スクリーンショット 2023-04-17 032417.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2375098/5fad9c4a-1c68-f940-98d4-f1581eef3f54.png)


いくつかサイトに用意されている画像の他、「Upload Image File」から好きな画像を設定することも可能です。
 ![スクリーンショット 2023-04-17 032637.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2375098/6ee2ccf0-b943-5fd6-c80d-d892f1534803.png)



## OBS Studioの設定
Webcam VTuber の画面をZoomなどで表示するために、OBS Studioという配信ソフトを使用します。
[公式サイト](https://obsproject.com/ja/download)からダウンロードして起動してください。インストーラの設定は特に変えなくて大丈夫です。

アプリが起動したら、「ソース」の左下の+アイコンをクリックし、「ウインドウキャプチャ」をクリックしてください。
 ![スクリーンショット 2023-04-17 020421.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2375098/03d698e0-4eb4-7ddd-ba69-86ef37984943.png)



新規作成→OKをクリック。
 ![スクリーンショット 2023-04-17 020805.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2375098/3db4ab4c-7f40-9e64-eb18-6f2969c838ab.png)



Webcam VTuberを開いているウインドウを選択して、OKを押します。他の設定はそのままでOKです。
 ![スクリーンショット 2023-04-17 020820.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2375098/cda6dbe4-6cd6-842e-0860-1d7b2e6bec87.png)



画面の位置を調整します。アバターが真ん中に映るようにすると良いでしょう。
 ![スクリーンショット 2023-04-17 020838.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2375098/a34cb0d0-7825-d2c7-e172-0d9d729b82a9.png)



画面右下の「コントロール」内、「仮想カメラ開始」をクリックします。これでOBSの準備は完了です！



## リモート会議ツールで使用する
いよいよ本番です。記事ではZoomを使いますが、Google Meetでもほとんど同じ手順で使用できます。

いつも通りZoomに参加し、ビデオの使用するカメラを「OBS Virtual Camera」に変更します。OBS Virtual Cameraが項目にない場合はOBSを再起動して、ウインドウの設定をやり直してみてください。
 ![スクリーンショット 2023-04-17 025356.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2375098/8e28af1b-7cc3-6d9c-0f13-26564241cb4a.png)


ビデオを開始すると、Zoom画面上でアバターが表示されていると思います。ﾔｯﾀｰ!
 ![スクリーンショット 2023-04-17 025821.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2375098/1ecf76b3-3d78-09fe-0e2d-1fbd55a11fe6.png)




Zoom側で背景にぼかしを入れたり、バーチャル背景を設定していた場合そちらも反映されます。ビデオフィルタは無効になるので注意。
![スクリーンショット 2023-04-17 030546.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2375098/7ce0f103-ff7a-ee4f-4a55-a79eaa979f22.png)
 


## おわりに
いかがでしたか？
この記事が、リモート会議をさらに楽しむための参考になれば幸いです。

また弊社では、採用や技術イベントを定期的に開催していく予定です。
[Twitter](https://twitter.com/obg_ocr)でも有益な情報を発信していく予定ですので、ぜひチェックしてみてください！