CSSもいじってないのですごいシンプル。見た目は後から如何様にもなりましょう。次にroomのルーターの設定を。roomRouter);で、画面を作る前にDB接続があるのでpostgreSQL接続用にpgをインストールします。--saveインストールが終わったら画面の作成へ。idをDBに登録する部分以外はskywayチュートリアルとほとんど変わらないので登録部分だけ。})});で、addをルーターに追加します。router;どこ書けばいいのかわからなかったのでとりあえずここに書きましたが、ルーターにDB処理書くのはどうなんだろう・・・?次は検索画面です。router;これで全画面終わりですが、searchから接続するときに/room/:skyway_idで接続するようにしたのでその部分をroomに追加しておきます。req.params['skyway_id']});});これでとりあえずビデオ通話ができるようにはなりました!IDが削除されずに永遠に検索欄に表示されてますが・・・。最終的に画面遷移は下のような感じに。#3.Unityでアバターを動かすなんとかWeb側が動くようになったのでUnity側をいじっていきます。いうことでアバターのセットアップなんですが・・・全部書いてくれている方がいるので特に書くことがないです。IKで始めるVTuberもちろん今回はVTuberになることが目的ではないので結構色々と省いていますが・・・。(リップシンクもまばたきも入れてないし表情も設定してない)そんなわけでさくっとセットアップはおわりました。#4.ブラウザとVRでWebRTCやっと本題です。本題までが長かった・・・・・・。ブラウザでできればなんかVR内でもいけるんじゃない?くらいのかるーい気持ちでいたんですがどうやらそういうわけにもいかなさそう。調べてみると・・・ありました。Videoをレンダリングする-やりたかったことそのまんまですやん。いえ素人の私では読んでてさっぱりなので一歩ずつ追っていこうと思います。##WebRTCGatewayを触ってみる###・skyway-webrtc-gatewayのDLこれはそのままですね。skyway-webrtc-gatewayWindowsなのでgateway_windows.exeをDLします。今のところこれが何なのかわかってませんが。###・mrayGStreamerUnityの準備とりあえず下記からDLしておきます。DL&インストールしなさいとのことなのでします。1.11.xと書いてあったのでとりあえず今回は1.11.91をインストールしました。あるのでとばして・・・インストールしたgstreamerのbinフォルダにPATHを通しておきます。これで準備はOK・・・かな?###・サンプルを動かしてみるせっかくサンプルがあるのでとりあえず動かしてみます。SkyWay-WebRTC-GW-Unity-Sampleが、WebRTCGWがエラーを吐いて落ちてしまいました・・・・・・。-1)##調べてみたところオーディオ系のなにかっぽいことまではわかりましたが詳しいことはよくわからず・・・。ダメわからんーーーーーとここで2時間くらい悩んでたところで原因らしきものを発見。仮想オーディオデバイス君・・・?君か・・・?CableInputとかVoiceMeeterBananaとかを無効にすると・・・やったぜ。壁を映してるのでなんかそういうテクスチャみたいになってますが無事に動きました。##実際につかってみる###・準備Assets/PluginsフォルダにダウンロードしておいたmrayGStreamerUnityのUnity\UnityTests\Assetsフォルダ内にあるGStreamerUnityフォルダと、Plugins\x86_64フォルダを突っ込む。StoreからUniRxもインポート。Pluginsフォルダ内にMiniJSONフォルダを作成して下記からDLしたファイルをつっこむ。MiniJSON.cs見た感じ必要そうなのはこれくらいかな・・・?###・ブラウザと通信するとりあえず鏡の位置をちょっと横にずらしておきます。(鏡があるとこに相手側の映像を映したいので)ぐりぐり動かしてPosition(X:3.08,Y:1.09,Z:-0.6)、Rotation(X:0,Y:120,Z:0)としました。映像表示用のPlaneを作ります。Object→Planeを選択。動かしていい感じの場所に持っていきます。位置が決まったところでGstreamerのコンポーネントを突っ込みます。GstreamerUnity\Components内にあるCustomPipelinePlayerをPlaneのInspector内にD&Dで突っ込みます。Material入力欄横の◎をクリックしてDefault-Materialを選択、Pipelineはサンプル通りに以下のものを入力します。name=videoSink次にskyway周りのスクリプトです。Assets内にScriptsフォルダを作成し、サンプルのSkyWayRestApiをつっこみます。今回は入力欄やボタンがない(VRでそのあたりの実装をどうするのかよくわからなかった)のですこしその辺をシンプルにします。Update(){}}最初から相手のID指定しておいていきなり接続する形です。これをまたPlaneにD&Dで突っ込み、IdやKeyを編集します。これで実行してみます。ブラウザ側の映像をVRに流し込むことはできました。ことであとはVR側の映像の送信だけなんですが。わからず時間の関係もあり断念・・・。gstreamerで流し込むのは何となくわかりましたがどこからカメラの映像とってくるのかいまいちわからず・・・。#5.おわりに色々触りましたが中途半端に全部よくわからんって感じで終わってしまった感じがありますね・・・。heroku使う必要も特になかったし!何もわからない状態から扱うには少しハードルが高すぎたかなという感じだったので、Unityのお勉強ちゃんとしてからまたこのあたりリベンジしていきたいですね。