58
57

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

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

Last updated at Posted at 2023-04-19

記事の趣旨

・Webcam VTuberとOBS Studioを使用し、Zoomなどのリモート会議ツールに好きなキャラクターの姿で参加する
video1147096052_AdobeExpress (1).gif
↑完成イメージ(Gif)

はじめに

みなさん、リモート会議はお好きでしょうか?

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

アバターを使おう

突然ですが、先週の弊社の朝礼はこんな感じでした。
スクリーンショット 2023-04-10 110920.png

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

使用するツールなど

Webcam VTuber
・OBS Studio
・Zoomやgoogle meetなどのリモート会議ツール
・お好みのVRMモデル

モデルを用意する

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

おすすめは、VRoid Studioでの作成です。
モデリングの知識がなくても、ゲームのキャラクタークリエイトのように自分の好みのアバターが簡単に作れます。しかも無料!

スクリーンショット 2023-04-14 161817.png
↑非常に多彩な項目から自由に組み合わせて作ります。

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

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

この記事ではこの子↓を使います。(VRoid製)
pose1.png

Webcam VTuberの設定

モデルが用意出来たら、Webcam VTuberにアクセスしましょう。

このようなポップアップが出た際は、「許可する」を押してください。
スクリーンショット 2023-04-14 164517.png

アクセスができたら、こんな画面になっていると思います。
スクリーンショット 2023-04-14 165018.png

カメラへのアクセスができていれば、画面前のあなたの動きに合わせてモデルが動いているでしょう。
スクリーンショット 2023-04-14 170641.png

モデルの変更

画面右の人のアイコンをクリックします。
スクリーンショット 2023-04-14 171903.png

右下の「Upload VRM File」をクリックして、読み込みたいVRMモデルを選択します。
スクリーンショット 2023-04-14 172007.png

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

出ました!これでWebcam VTuberの準備は完了です。
スクリーンショット 2023-04-14 172645.png

その他の項目

・表情の変更
表情の動きもある程度は認識してくれていますが、キーボードの1~5でモデルの表情を変えることもできます。画面左下の表情アイコンが目安です。(画像は3の表情)
スクリーンショット 2023-04-14 171403.png

・背景画像の変更
画面右の写真のアイコンから、背景画像を変更することが可能です。
スクリーンショット 2023-04-17 032417.png

いくつかサイトに用意されている画像の他、「Upload Image File」から好きな画像を設定することも可能です。
スクリーンショット 2023-04-17 032637.png

OBS Studioの設定

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

アプリが起動したら、「ソース」の左下の+アイコンをクリックし、「ウインドウキャプチャ」をクリックしてください。
スクリーンショット 2023-04-17 020421.png

新規作成→OKをクリック。
スクリーンショット 2023-04-17 020805.png

Webcam VTuberを開いているウインドウを選択して、OKを押します。他の設定はそのままでOKです。
スクリーンショット 2023-04-17 020820.png

画面の位置を調整します。アバターが真ん中に映るようにすると良いでしょう。
スクリーンショット 2023-04-17 020838.png

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

リモート会議ツールで使用する

いよいよ本番です。記事ではZoomを使いますが、Google Meetでもほとんど同じ手順で使用できます。

いつも通りZoomに参加し、ビデオの使用するカメラを「OBS Virtual Camera」に変更します。OBS Virtual Cameraが項目にない場合はOBSを再起動して、ウインドウの設定をやり直してみてください。
スクリーンショット 2023-04-17 025356.png

ビデオを開始すると、Zoom画面上でアバターが表示されていると思います。ヤッター!
スクリーンショット 2023-04-17 025821.png

Zoom側で背景にぼかしを入れたり、バーチャル背景を設定していた場合そちらも反映されます。ビデオフィルタは無効になるので注意。
スクリーンショット 2023-04-17 030546.png

おわりに

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

また弊社では、採用や技術イベントを定期的に開催していく予定です。
Twitterでも有益な情報を発信していく予定ですので、ぜひチェックしてみてください!

58
57
1

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
58
57

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?