WebSocket とか WebRTC とか Agora SDK とか

frontend

最近は、Zoom の agora SDK とかでブラウザでビデオ会議とか音声チャットをするシーンが増えていますよね。

これらは、どのような技術で実現されているのでしょうか?

よく聞くのが WebSocket とか WebRTC ていうキーワードですね。

結局どういう技術なのでしょうか?

この記事がめちゃ詳しいし、わかりやすいです。おすすめ。

さらに次世代の WebTransport についても解説されています。

WebSocketの次の技術!?WebTransportについての解説とチュートリアル
https://qiita.com/yuki_uchida/items/d9de148bb2ee418563cf

WebRTCを実装してみた
https://qiita.com/Turtle-child-No2/items/7205d5c1399375a8c10b

仕事で WebRTC
https://gist.github.com/voluntas/379e48807635ed18ebdbcedd5f3beefa

仕事として P2P を前提として使っていきたい
1 対 1 までであれば P2P で問題ないでしょう、3 人以上になった時点で SFU を検討するべきです

まずは是非 WebRTC Signaling Server Ayame の利用を検討してみてください。かんたんに利用できます。

仕事として MCU を前提として使っていきたい
2020 年時点では MCU は WebRTC としてはほぼ選択肢とはありません。 本当に MCU が必要か検討し直してみてください。

仕事として SFU を前提として使っていきたい
OSS でがんばるか、商用のサービスかパッケージを利用するかを選ぶ必要があります。

WebRTC コトハジメ
https://gist.github.com/voluntas/67e5a26915751226fdcf

ビデオチャットもさくっと作れる! WebRTCによるブラウザ間リアルタイム通信はじめの一歩 – 2014/11/20
https://codezine.jp/article/detail/8099

WebRTCの商用サービスまとめ|Twilio, SkyWay,agora.io など – 2020.01.17
https://jp.vcube.com/sdk/blog/summary-of-webrtc-commercial-services.-twilio-skyway-sora-agora.io-etc.html

mediasoupを使う前に知っておくべき概念たち – 2020-03-24
https://lealog.hateblo.jp/entry/2020/03/24/152051

Agora SDK

今話題の Agora SDK も WebRTC ベースらしいです。

Download Agora SDKs
https://docs.agora.io/en/All/downloads

agora.io SDKと管理システムの連携について
https://jp.vcube.com/service/agora/developer/implementation/801.html

若手SEがagora.ioを利用してビデオ通話アプリをつくってみた
https://qiita.com/v-cube/items/584ad5ede07f66f767d6

初心者でも安心。agora.io SDKでビデオ通話アプリの開発(WebRTC版)
https://qiita.com/v-cube/items/db5e4eedce44e73d5114

AgoraSDK React サンプル
https://github.com/AgoraIO/API-Examples-Web/tree/main/ReactDemo

コメント

タイトルとURLをコピーしました