Contents
在課程中,你將學習如何使用 React、WebRTC 和 SocketIO 來建立帶有群組呼叫的應用程式,就像 Google Meet 和 Zoom 一樣。你會學習網路影片會議,建立多對等連線、網狀結構、SocketIO 伺服器、即時通訊以及 WebRTC 實現和資料通道等等。了解 JavaScript 和 React 的基本知識,就可以開始學習這門課程,完成後你就能建立自己的應用程式,並使用 WebRTC 來實現你的應用程式。
從這 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 的群組通話應用程式。
目標受眾
想知道如何建立所有訊號流程和 WebRTC 邏輯來建立群組通話的同學
講師簡介
Marek Gryszkiewicz Web 開發者 ( 更多講師課程介紹 )
我的主要目標是提高開發人員的水平並分享我的知識。 我是全端 Web 開發人員,我的主要興趣是程式設計和拳擊。 我喜歡學習新東西,當我可以分享我的知識時,寫程式讓我很開心。
我將盡我所能向你展示如何創建出色的應用程式。
英文字幕:有
- 想要了解如何將英文字幕自動翻譯成中文? 請參考這篇 How-To
- 點選這個 Network & Security 課程✨優惠連結✨ ( NT390 起特價中 ) | 新客戶✨ 優惠連結 ✨| Udemy 永久擁有課程 ( 在電腦瀏覽器登入,點選“優惠連結”後再回想要的課程介紹中點選“報名參加課程”即可取得 )
- Udemy 現在越來越多課程有中文字幕,請參考 Soft & Share 中文線上課程
- 手機上點選優惠連結看到的價格比電腦上看到的貴
- $代表當地貨幣, 如在台灣為 NT
- 點選”報名參加課程”有可能因瀏覽器 cookies 轉久一點或回報錯誤而無法連上,請稍等刷新或重新點選就會出現
報名參加課程

也許你會有興趣
- Javascript 程式設計語言學習地圖
- ★英語學習地圖 – 練好英文是最大的學習槓桿
- 如何找工作學習地圖 – 找工作不要靠運氣!
- 從 Soft & Share 各種社團頻道挑選你喜歡的加入
發表迴響