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
🙌 如何有效率地管理 ChatGPT 輸出與整理自己的 ChatGPT 提示( prompts )使用情境？LN+ for Web 已經針對 ChatGPT 的整合做最佳化
🙌 讓 Notion AI 成為你線上學習的得力助手，詳細操作請參考 – 使用 Notion AI 功能來為 udemy 的課程做摘要總結
- 點選這個✨優惠連結 課程特價 | Udemy 永久擁有課程 NT330 起( 請登入 Udemy｜按過“優惠連結”後到”報名參加課程“連結網頁做更新 ）
- Udemy 現在越來越多課程有中文字幕，請參考 Soft & Share 中文線上課程
- 手機上點選優惠連結看到的價格比電腦上看到的貴
- ＄代表當地貨幣, 如在台灣為 NT
- 點選”報名參加課程”有可能因瀏覽器 cookies 轉久一點或回報錯誤而無法連上，請稍等刷新或重新點選就會出現
報名參加課程
你必須登入才能發表留言。