• Web会議

初心者向け!WebRTCプラットフォームハンズオン 第三回 agora.io 開催レポート

初心者向け!WebRTCプラットフォームハンズオン 第三回 agora.io 開催レポート

初心者向けに定期開催されている、「WebRTC プラットフォーム ハンズオン」の「第三回 agora.io」にて、メンターを務めてきました。

「初心者向け!WebRTCプラットフォームハンズオン」とは

初心者向けのWebRTCコミュニティのWebRTC Beginners Tokyoが主催し、

専門家のメンターが付き添い、実際にコーディングしながら学べるイベントです。

  • 開催日時:2018/11/18(日)12:45〜18:30
  • 開催場所:渋谷ヒカリエ17F レバレジーズ様オフィス
  • 参加者:11名
  • イベント紹介ページ:conppas

開催場所のオフィス:素敵な空間でした。

P_20181118_153758_PN.jpg

ハンズオンの流れ

第1回目はTwilio,第2回目はSkyWayで実施したため、第3回のagora.ioも同様な流れにしてみました。

少し面白い事をやってみようと思い、顔認識で目線を入れるアプリも実装することにしました。

  1.  agora networkへの接続
  2.  カメラ、マイクの準備
  3.  自拠点の退室したときの処理
  4.  他拠点が退室したときの処理
  5.  ローカル映像の表示
  6.  他拠点映像の表示
  7.  アクティブスピーカーの処理
  8.  画面共有の処理
P_20181118_153841_vHDR_Auto.jpg

資料とサンプルコード

初心者向けということでステップ毎にサンプルコードもGitHub上で公開しました。


アンケート結果にサンプルがあることでハードルが低く分かりやすかったというコメントがありました。(経験者には少し物足りなかったかもしれませんが)

特に日本ではドキュメントよりもまずサンプルを動かすという傾向があります。(自分もそうです)

ここは準備しておいてよかったと実感しました。

又、各STEPでは15分程の実装時間を設け、ゆっくりと作業できるようにしました。
SDKの魅力として素のWebRTCのAPIをコールする事なくビデオ通話アプリが簡単に実装できることを実感して頂けたかと思います。

Twitterでの反応は・・・

Twitterでは#webrtcjpのハッシュタグがおなじみのようです。

スクリーンショット 0030-11-19 18.00.52.png

Twitter上や現場ではWebRTCの経験豊富な方からは質問が多く飛び交います。
覚えている範囲だとこのようなものが・・

Q.日本にサーバーはありますか?
A.あります
Q.Agora.ioはデフォルトでSFUを利用?
A.SFUのみでP2Pはありません
Q.画質の設定はどうする?
A.setVideoProfileで設定します

などの質問がありました。コアな部分についての質問は。。。まだまだ学習が必要ですね。

アンケートの結果は・・・

加者には終了後にアンケートをとります。
(発表側としては見るのが怖い・・!)
自由記述では以下のようなコメントを頂きました。

他のサービスとの比較をもう少し詳しく知りたかった。
初めてWebRTCの体験をしましたが、大変簡単に始められることにびっくりしました。何かこれを使って開発してみたいなと思ったのでもうちょっと勉強してみようと思いました。
webRTCについては初めてですが、動くサンプルコードなどの準備があってハードルが低くわかりやすかったです。
javascriptがまともに書けないレベルなので不安でしたが、個別でサポートしていただきなんとか課題をこなすことができました。
とても勉強になり満足しています。また機会があれば参加したいです。

ハンズオンの気になる満足度,理解度は。。。

1.png


概ね良好なようで一安心。
参加者のスキルは以下のようです。

2.png

おわりに

又、今回は主催者の方にハンズオンのアドバイスたくさんを頂きました。
WebRTC業界が企業の枠をこえて活性化するような仕事をしていこうと思います。

ブイキューブ
著者情報ブイキューブ

ブイキューブは映像コミュニケーションの総合ソリューションプロバイダとして、世界中どこにいても働ける働き方・環境の実現を目指しています。創業時よりテレワークを活用し、2016年には総務省「テレワーク先駆者百選 総務大臣賞」に選出されました。

大規模・安定・かんたんに実装 ライブ配信・ビデオ通話・音声通話SDK

mail_agora


agora.ioは、自社サービスのiOS・AndroidアプリやWebサイトにビデオ通話やライブ配信をかんたんに実装できるSDKです。

動画や音声のまったく新しいユーザー体験を実現し、自社のiOS・AndroidアプリやWebサービスに組み込める、APIと開発ツール群を提供しています。

agora.ioの特長

  • 「平均遅延0.3秒」で、従来のCDNの課題を解決
  • 1,000,000同時接続まで拡張可能で、従来のWebRTCの課題を解決
  • WebRTCやCDNよりも手軽に・すぐに・安価に始められる
  • WebRTCと互換性があり、P2P通信よりも安定

agora.ioについてはこちら