Video streaming 视频馈送至ThingsBoard仪表板

Video streaming 视频馈送至ThingsBoard仪表板,video-streaming,iot,dashboard,ios-camera,thingsboard,Video Streaming,Iot,Dashboard,Ios Camera,Thingsboard,我目前正在使用ThingsBoard作为物联网代理来捕获和显示来自多个传感器的遥测数据,并将其显示到仪表板上。我想添加显示iPhone摄像头或网络摄像头实时视频的功能,我想知道这里是否有人知道ThingsBoard是否支持任何类型的视频数据流(基于实时或定时屏幕捕获) 理想情况下,我希望将手机/摄像头安装到伺服控制的支架上,我可以使用仪表板上的控件来定位摄像头。ThingsBoard允许使用带有自定义HTML代码的静态小部件(来自卡捆绑包)()。因此,您可以使用“标准”HTML方法嵌入“任何类型

我目前正在使用ThingsBoard作为物联网代理来捕获和显示来自多个传感器的遥测数据,并将其显示到仪表板上。我想添加显示iPhone摄像头或网络摄像头实时视频的功能,我想知道这里是否有人知道ThingsBoard是否支持任何类型的视频数据流(基于实时或定时屏幕捕获)


理想情况下,我希望将手机/摄像头安装到伺服控制的支架上,我可以使用仪表板上的控件来定位摄像头。

ThingsBoard允许使用带有自定义HTML代码的静态小部件(来自卡捆绑包)()。因此,您可以使用“标准”HTML方法嵌入“任何类型的视频数据流”

示例1。快速启动

最简单的情况是使用ipcam或流媒体服务中预配置的iframe代码。让我们在此示例中使用Youtube Live

在Youtube上:

  • 查找任何实时流媒体(例如)
  • 按共享,然后按嵌入按钮
  • 复制建议的
    代码
  • 在TB UI中:

  • 打开仪表板并添加静态小部件
  • 打开小部件的“高级”选项卡,并将复制的代码粘贴到此处。您可以替换现有的
    或将您的
    放入其中,例如:

  • 您还可以在仪表板上嵌入任何JS甚至Java播放器。但请记住,播放器和视频源都应该可以从最终用户的web浏览器(通过Internet、VPN等)访问。

    您成功做到了吗?
    <div class='card'>
        <iframe width="560" height="315" src="https://www.youtube.com/embed/2yWhvBkEyaY" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen>
        </iframe>
    </div>
    
    <video width="320" height="240" controls>
      <source src="movie.mp4" type="video/mp4">
      <source src="movie.ogg" type="video/ogg">
      Your browser does not support the video tag.
    </video>