使用 PeerJS 構建一個連線到網際網路的電話

WebRTC 的主要問題之一是它在使用和開發時相當複雜——處理信令服務和知道何時呼叫正確的端點可能會令人困惑。但也有好訊息;PeerJS 是一個 WebRTC 框架,它抽象了所有的 ICE 和信令邏輯,這樣你就可以專注於應用程式的功能。PeerJS 有兩個部分:客戶端框架和伺服器。

在本系列文章中,我們將使用 PeerJS 建立一個簡單的電話應用程式。我們將使用伺服器和客戶端框架,但我們的大部分工作將涉及處理客戶端程式碼。

預備知識

這是一箇中級教程;在嘗試之前,你應該已經熟悉

在開始之前,您需要確保已安裝 NodeYarn(後續文章中的說明假定使用 Yarn,但如果您願意,也可以隨時使用npm 或其他管理器)。

注意:如果您透過分步程式碼學習效果更好,我們還提供了程式碼教程,您可以代替此教程使用。

目錄

  1. 設定
  2. 構建伺服器
  3. 連線對等端
    1. 獲取瀏覽器麥克風許可權
    2. 顯示和隱藏 HTML
    3. 建立 Peer 連線
    4. 建立呼叫
    5. 接聽呼叫
    6. 結束呼叫