SHERPA WORLDテレビ電話機能を追加しました！！

こんにちは！
メタバース開発を担当していますチャリセです。

今まで開発してきたメタバースコンテンツにテレビ電話機能を組み込んでみました。去年までは、独自開発していた「WebRTCテレビ電話組み込んでおりましたが、同時電話できる人数が最大6人だったので、今回が外部のAPIを組み込むことにしました。
まずは1対1から開発をスタートし、何とかテレビ電話ができるようになりました。

今回はゲーム等でよく使われているサービス「Agora」を使いました。
最初はなかなかうまくいかなくてかなり悩みましたが、何とか動くようになってとても嬉しいです。

1.　ビデオ電話をかける

まずは、相手のプロフィールから「MEETING」ボタンをクリックし、電話をけるようにしました。ボタンをクリックすると、相手のプロフィールから顔写真（プロフィールに設定した画像）、会社名、担当者名を取得し、電話かける画面に表示するようにしました。

2.　ビデオ電話受ける側に着信を表示

次は、ビデオ電話を受ける側にビデオ着信を表示されるようにしました。着信画面には、電話かけた側のプロフィール画像、会社名、担当者名を表示するようにしました。

３.　「受信する」をクリックしビデオ電話に参加

そして、受信するをクリックするとお互い電話できるようにしました。現在は、ビデオ通話画面にユーザーの名前を表示していませんが、今後名前、必要に応じて会社名も表示するようにしようと思っています。
あとは、スクリーンないで通話画面の移動や表示サイズの変更もできるようにします。

４.　テレビ電話を拒否された時

相手からテレビ電話を拒否された場合、電話をかける側に何も表示しないと不親切なので、電話を拒否された場合、以下のようなメッセージを表示するようにしました。

5.　ユーザーが別の電話に出ている時や通話できない時

ユーザーがオフラインの時や別のユーザーとテレビ電話で話している時は、電話をつながないようにしました。

このように見てみるとたった5ステップで簡単そうに見えますが、ここまでできるようになるまでかなり苦労しました。今のは全て2Dでのビデオ通話になっていますが、これからアバターの頭の上に動画を流れるように開発を進めていきます。
今後もSherpaworldの更新内容をこちらのブログにて紹介していきますので、是非再訪問をお待ちしております。

最後まで読んでいただきありがとうございます。最近少し寒くなってきましたので、十分体調にはお気を付けください。

現在
株式会社チョモランマ
株式会社シェルパ
3Dmodeljapan株式会社
ではスタッフを大募集しております！！
Unreal Engine4、AI、プログラミングや建築パースに興味がある方！
ぜひご応募下さい！！
初心者の方、未経験の方やインターンを受けてみたい方々でも大歓迎です！！