为了更加便捷管理TSINGSEE青犀视频开发的视频智能安防监控系统,我们在前期就开发了支持EasyNVR平台的综合管理系统EasyNVS,当然综合管理的需求越来越旺盛,今年我们又拓宽了EasyNVS的接入。目前EasyDSS也可以通过接入EasyNVS的新版管理平台进行统一管控。
EasyNVS可以获取EasyNVR或者EasyDSS视频智能安防监控系统的全部能力,包括视频直播以及多终端支持的功能。根据部分用户的反馈,我们发现了EasyNVS平台通过手机端扫码观看直播时显示无信号,但是PC端观看时却可以播放的情况。
分析问题:
1.直接在代码中强制赋值直播流地址,就可以实现手机端的正常播放。
2.模拟接口异步赋值地址,在手机端就可以播放。
经过排查发现移动端不支持“…${…}… ”拼接字符串。
解决问题:
找到项目的Player.vue文件,修改代码中的字符串拼接语法。修改内容如下所示:
代码语言:javascript复制 playStream() {
let _this = this
this.bLoading = true;
$.get('/nvc/' this.device '/api/v1/getchannelstream',{
channel: this.channel,
protocol: this.protocol,
}).then((data) => {
_this.videoUrl = data.EasyDarwin.Body.URL;
_this.timer = setInterval(() => {
_this.touchStream();
}, 30 * 1000);
})
},
修改完成后重新测试EasyNVS的播放功能,可见播放正常,预览如下:
EasyNVS云管理平台的web界面清晰呈现EasyNVR等设备接入状况、运行时长、宽带使用、存储空间和流量统计等状态,运维者直观获悉平台及设备健康状态,通过管理平台远程定位故障,帮助运维人员提高网络排查效率。