flutter - 如何使用 flutter Bloc 模式实现 WEBRTC

Question

我有一个 flutter 应用程序，我需要从智能设备获取视频流设备实际返回此数据

{
     
  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)并且还有一个非常好的demo app开始。

请注意，为了同步您的设备，您应该有一个同步服务器，并且如示例应用程序所述，您可以使用自己的实例(使用 WebRTC Flutter Server )或只使用可公开访问的 stun 服务器(请注意没有得到妥善保护)

要回答您的用例 - 请参阅 this portion帮助您快速入门的应用程序演示(视频通话实现，包括视频流)

并且.. 如果(偶然)这是你第一次使用 WebRTC，并且你对自己对整个过程的理解并不完全自信(例如，我仍在学习 WebRTC 并且对 WebRTC 感到惊讶 - 对此并不感到羞耻) -请引用this excellent document这有助于获得核心概念以及 WebRTC 组件如何相互协作

希望您能在您的广告项目中找到自己的方式 - 当然，当您获得有趣的结果时，请随时在这里分享并教育我们所有人。干杯