FlutterとWebRTCを使って、ビデオコールアプリを作ってみました! by Jake

FlutterKaigi 2024
一般セッション

FlutterとWebRTCを使って、ビデオコールアプリを作ってみました!

jake_gwon Jake jake_gwon

概要

WebRTC技術は映像、音声、テキストなどをリアルタイムでPeer 2 peer通信ができるようにする技術です。
このセッションではflutter_webrtcパッケージを使ってWebRTCを利用したビデオ通話アプリを作る方法を共有します。
WebRTC通信をするためにはSignaling server、STUN(TURN) serverが必要です。 Signaling serverをとても簡単なレベルのJavascriptコードでデモし、
STUN/TURNサーバーのためのcoturnのインストールと設定について簡単に説明します。

  • WebRTCとは?
    ・ WebRTCを使うために必要なこと
    ・ WebRTCのProtocol
  • flutter_webrtcを使ってWebRTCアプリ実装
    ・ Project初期設定
    ・ 簡単なビデオ通話アプリの実装
    ・ WebRTC通信のためのSocketクライアント実装
    ・ STUNサーバー設置、Signaling server実装(Javascript)
  • WebRTCを導入する際、注意事項

想定視聴者

  • WebRTCに興味がある方
  • ビデオ通話などの機能をサービスに導入したい方