我目前使用 ThingsBoard 作为 IoT 代理来捕获来自多个传感器的遥测数据并将其显示到仪表板。我想添加显示来自 iPhone 相机或网络摄像头的实时视频源的功能，我想知道这里是否有人知道 ThingsBoard 是否支持任何类型的视频数据流（基于实时或定时屏幕捕获）？
理想情况下，我想将手机/相机安装到伺服控制的安装座上，我可以使用仪表板上的控件来定位相机。
ThingsBoard 允许使用带有自定义 HTML 代码的静态小部件（来自 Cards 包）（至少在 v.3.0.1 上 https://thingsboard.io/docs/user-guide/contribution/widgets-development/#static-widget）。因此您可以使用“标准”HTML 方法来嵌入“任何类型的视频数据流”。
示例 1. 快速入门
最简单的情况 - 使用来自 ipcam 或流媒体服务的预配置 iframe 代码。在本例中我们使用 Youtube Live。
在YouTube上：
- 查找任何直播（例如https://www.youtube.com/watch?v=2yWhvBkEyaY https://www.youtube.com/watch?v=2yWhvBkEyaY)
- 按“共享”，然后按“嵌入”按钮。
- 建议复制
<iframe> code.
在 TB 用户界面中：
- 打开仪表板并添加静态小部件。
- 打开小部件的“高级”选项卡并将复制的代码粘贴到此处。您可以替换现有的
<div>或放置你的<iframe>在里面，例如：
<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>
- 保存小部件。调整小部件大小以适应视频大小，反之亦然，编辑
width="XXX" height="YYY"以适应小部件的大小。
- 保存仪表板。
就这样。
示例 2. 自定义。
以同样的方式，您可以放置 HTML5<video>标记任何可用的来源，请参阅w3scool 的代码示例 https://www.w3schools.com/tags/tag_video.asp:
<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>
您还可以在仪表板上嵌入任何 JS 甚至 Java 播放器。但请记住，播放器和视频源都应该可以从最终用户的网络浏览器（通过互联网、VPN 等）访问。
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
