Contents
使用 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
報名參加課程
🛫使用關鍵字連結獲得更多線上學習資訊?請參考這個網頁說明