Video streaming 视频馈送至ThingsBoard仪表板
我目前正在使用ThingsBoard作为物联网代理来捕获和显示来自多个传感器的遥测数据,并将其显示到仪表板上。我想添加显示iPhone摄像头或网络摄像头实时视频的功能,我想知道这里是否有人知道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允许使用带有自定义HTML代码的静态小部件(来自卡捆绑包)()。因此,您可以使用“标准”HTML方法嵌入“任何类型的视频数据流” 示例1。快速启动 最简单的情况是使用ipcam或流媒体服务中预配置的iframe代码。让我们在此示例中使用Youtube Live 在Youtube上:
代码
或将您的
放入其中,例如:您还可以在仪表板上嵌入任何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>