WebRTC,實時Web API

通過此簡單教程,如何使用WebRTC創建直接的網絡攝像頭通信應用程序

WebRTC代表網絡實時通訊

它允許在瀏覽器之間創建直接的數據通信。

你可以用它來

  • 流音頻
  • 串流影片
  • 分享文件
  • 視訊通訊
  • 創建對等數據共享服務
  • 創建多人遊戲

和更多。

為了利用Web技術使實時通信應用程序的創建變得容易,努力使Web瀏覽器旁邊不需要第三方插件或外部技術。

將來無需再有插件來執行RTC,但所有人都應該依賴於標準技術-WebRTC。

所有現代瀏覽器都支持它(Edge的部分支持不支持RTCDataChannel-稍後再看):

WebRTC實現以下API:

  • MediaStream可以從用戶端訪問數據流,例如相機和麥克風
  • RTCPeerConnection處理對等點之間的音頻和視頻流通信
  • RTCDataChannel:處理其他類型的數據(任意數據)的通信

通過視頻和音頻通信,您將使用MediaStreamRTCPeerConnection

其他類型的應用程序,例如游戲,文件共享和其他依賴RTCDataChannel

在本文中,我將創建一個使用WebRTC連接兩個遠程網絡攝像頭的示例,網絡套接字服務器使用Node.js

提示:在您的項目中,您可能會使用一個抽象許多細節的庫。本教程旨在說明WebRTC技術,因此您可以了解幕後情況。

媒體流

通過此API,您可以使用JavaScript訪問攝像頭和麥克風流。

這是一個簡單的示例,要求您訪問攝像機並在頁面中播放視頻:

看筆WebRTC MediaStream簡單示例由Flavio Copes(@flaviocopes) 在密碼筆

Tech Wiki Online!