fbpx

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

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 轉久一點或回報錯誤而無法連上,請稍等刷新或重新點選就會出現

報名參加課程

Sponsored by Udemy


也許你會有興趣

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

發表迴響

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

Powered by WordPress.com.

Up ↑

%d 位部落客按了讚: