如何使用 flutter Bloc 模式實現 WEBRTC

Question

我有一個 flutter 應用程序，我需要從智能設備獲取視頻 stream 該設備實際返回此數據

{
     
  moto_id: 'moto_usprod001',
  auth: 'XX/XL?EF?OL/XXX',   
  icesServers: [
    { urls: 'stun:44.240.73.31:3478' },
    { urls: 'stun:aws5stun.tuyaus.com:3478' },
    { urls: 'nat:aws3nat.tuyaus.com:3478' },
    { urls: 'nat:aws4nat.tuyaus.com:3478' },
    {
      credential: 'XXXX',
      ttl: 3600,
      urls: 'turn:55.55.55.55:3478',
      username: 'XXXXXX:XXXXXX:XXXXX'
    },
    {
      credential: 'XXXXX',
      ttl: 3600,
      urls: 'turn:XCDS.tuyaus.com:3478',
      username: 'XXXXXXX:XXXXXX'
    }
  ]
}

我如何使用此返回的數據從移動設備上流式傳輸視頻！！ 我構建我的應用程序的方式是使用 Bloc 模式

謝謝

Answer 1

好吧......如果你沒有考慮過webrtc圖書館 - 我推薦Flutter-WebRTC 。 這個庫支持任何平台（包括移動 + ios + android）並且還有一個非常好的演示應用程序可以開始使用。

請注意，為了同步您的設備，您應該有一個同步服務器，並且如示例應用程序所述，您可以使用您自己的實例（使用WebRTC Flutter 服務器）或僅使用可公開訪問的眩暈服務器（請注意它不正確安全）

回答您的用例 - 請參考應用程序演示的這一部分，以幫助您快速入門（視頻通話實現，包括視頻流）

並且.. 如果（偶然）這是你第一次使用 WebRTC 並且你對自己低估了整個過程並不完全自信（例如，我仍在學習並為 WebRTC 感到驚訝 - 對此並不感到羞恥） - 請參閱這份優秀的文檔有助於了解核心概念以及 WebRTC 組件如何相互協作

希望您能在您的廣告項目中找到自己的方式 - 當然，當您獲得有趣的結果時，請隨時在這里分享並教育我們所有人。 干杯

Answer 2

此 JSON 介紹了可用於 WebRTC 握手的 ICE 服務器。

詳情請前往 塗鴉物聯網開發平台了解您設備的文檔。 要建立連接，您可以按照 Android Java示例中的 sendOfferSdp 過程進行操作。 不幸的是，他們尚未在 Dart 中發布示例。