fbpx

WebRTC 2022 – 複製一個 Zoom 的影片群組通話應用程式

使用 WebRTC 網格(Mesh) 架構、React 和 Websockets 建立群組影片聊天,就像 Google Meet 和 Zoom一樣。

從這 9.5 小時的課程,你會學到

  • 網路影片會議(WebRTC )
  • 與媒體串流打交道
  • 建立多對等連線
  • 建立網狀結構
  • 建立 SocketIO 伺服器
  • 即時通訊
  • React
  • WebRTC 的實現
  • WebRTC 資料通道
  • 建立群組通話應用

要求

  • JavaScript 和 React 的基本知識

課程說明

透過使用 React、WebRTC 和 SocketIO 建立專案來學習 WebRTC 網格架構。 我們將透過所有的步驟來建立帶有群組呼叫的應用程式,在那裡你可以在一個房間裡的多個使用者之間建立連線。我們將在simple-peer程式庫的支援下編寫 WebRTC 實現,以展示你如何開發帶有群組呼叫的 WebRTC 應用程式。 我們還將使用SocketIO 作為我們應用程式的訊號伺服器。在這個課程之後,你將能夠建立自己的應用程式,並使用WebRTC。如果是即時通訊遊戲或影片聊天,這並不重要。你將知道如何在 Mesh 架構的多個對等體之間建立連線的過程。

我們將涵蓋所有的信令過程,在所有連線的使用者和房間之間交換必要的資料。我們還將包括部署和TURN伺服器的憑證。

在我們的應用程式中,我們將使用。

  • WebRTC
  • 指令碼
  • SocketIO
  • 指令碼
  • Node.js
  • React
  • Simple-peer

我們將建立必要的使用者介面,我們將進行與 SocketIO 和 WebRTC 有關的所有邏輯。

應用程式的建立過程。

  • 準備好環境
  • 用 React 建立我們應用程式的前端
  • 與 SocketIO 連線並建立必要的邏輯
  • 實現 WebRTC 的群組通話
  • 為聊天功能新增 WebRTC 資料通道
  • 增加只用音訊連線的功能
  • 獲取 TURN 伺服器證書
  • 部署應用程式

我希望你會喜歡這個課程,完成後你會覺得有信心建立基於 WebRTC 的群組通話應用程式。

目標受眾

講師簡介

Marek Gryszkiewicz Web 開發者 ( 更多講師課程介紹 )

我的主要目標是提高開發人員的水平並分享我的知識。 我是全端 Web 開發人員,我的主要興趣是程式設計和拳擊。 我喜歡學習新東西,當我可以分享我的知識時,寫程式讓我很開心。

我將盡我所能向你展示如何創建出色的應用程式。

英文字幕:有

  • 想要了解如何將英文字幕自動翻譯成中文? 請參考這篇 How-To

🙌覺得使用 udemy 內建的筆記功能不好用? 歡迎來試試 LN+ for udemy,這是一個將 udemy 與 Notion 無縫整合的課程筆記輔助工具!


❤️如果進入課程網頁中沒有看到課程有折扣請先透過桌面電腦瀏覽器點選這個 ✨優惠連結✨,可以用優惠折扣價購買課程


報名參加課程

Sponsored by Udemy


不受 FB 演算法影響,歡迎透過 e-mail 訂閱網站更新

這個網站採用 Akismet 服務減少垃圾留言。進一步了解 Akismet 如何處理網站訪客的留言資料

Powered by WordPress.com.

Up ↑

%d 位部落客按了讚: