WebRTC でビデオチャットアプリを作ってみた - Neo's World

WebRTC でビデオチャットアプリを作ってみた リモート会議をやる機会が増えて、Google Meet、Microsoft Teams、Zoom などを利用している。ビデオチャットとか面白いなー、WebRTC とかいうヤツがあったと思うけど触ったことないなー、と思ったので、作ってみることにした。 目次 成果物とデモサイト 参考にした文献・コード WebRTC を始めるために理解すること WebRTC による双方向通信の仕組み WebSocket を利用したシグナリング処理 RTCPeerConnection シグナリングサーバの実装 クライアントの実装 つまづいたところ RTCPeerConnection の仕様 getUserMedia()・video 要素の扱い addStream() ではなく addTrack() 既知の不具合 以上 成果物とデモサイト 作成したコード全量は以下の