需求:希望在ThingJS-X中播放视频资源来进行演示
实现方法:
我们可以使用视频窗口标记或者视频监控孪生体面板等来进行最终的视频展示,下面以标记【视频窗口-密斯】为例来进行说明:
1-上传视频资源
4.x版本和3.5.x版本都是在【资源中心】-【其他】中进行视频的上传
X4版本
X3版本
2-给摄像头配置视频地址属性及数据
①添加【视频地址】属性栏
X4版本
X3版本
②添加【视频地址】属性值
这里注意填入的视频地址,4.0.3版本以前(包括X3系列),需要使用视频拼接地址(如X3版本演示);4.0.3版本及之后直接使用资源中心复制得到的相对路径填入使用即可。
X4版本
(1)资源中心点击【复制路径】图标,会得到视频资源的相对路径,如/configure/other/719e0fb3f1862fae40756aee2ac9d212/001.mp4
(2)把复制得到的视频地址,填入对应的孪生体的的视频地址属性栏中,以摄像头A3-F5-20为例:
X3版本
(1)使用资源中心中视频的资源路径进行拼接,如下图所示,得到路径:https://10mty2oty5ntgzotazmf81otm5-thingjsx.thingjs.com/thing/rsm/configure/other/719e0fb3f1862fae40756aee2ac9d212/001.mp4
(2)把拼接得到的视频地址,填入对应的孪生体的的视频地址属性栏中,以摄像头A3-F5-20为例:
3-配置标记
提前在资源中心中下载标记【视频窗口-密斯】,随后根据孪生体编号选择出【A3-F5-20】摄像头,配置【预加载】显示标记,选择播放【视频地址】数据。
X4版本
X3版本
4-最终效果展示