本文共 922 字，大约阅读时间需要 3 分钟。

为了更加便捷管理TSINGSEE青犀视频开发的视频智能安防监控系统，我们在前期就开发了支持EasyNVR平台的综合管理系统EasyNVS，当然综合管理的需求越来越旺盛，今年我们又拓宽了EasyNVS的接入。目前EasyDSS也可以通过接入EasyNVS的新版管理平台进行统一管控。

EasyNVS可以获取EasyNVR或者EasyDSS视频智能安防监控系统的全部能力，包括视频直播以及多终端支持的功能。根据部分用户的反馈，我们发现了EasyNVS平台通过手机端扫码观看直播时显示无信号，但是PC端观看时却可以播放的情况。

分析问题:

1.直接在代码中强制赋值直播流地址，就可以实现手机端的正常播放。

2.模拟接口异步赋值地址，在手机端就可以播放。

经过排查发现移动端不支持“…${…}… ”拼接字符串。

解决问题：

找到项目的Player.vue文件，修改代码中的字符串拼接语法。修改内容如下所示：

    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等设备接入状况、运行时长、宽带使用、存储空间和流量统计等状态，运维者直观获悉平台及设备健康状态，通过管理平台远程定位故障，帮助运维人员提高网络排查效率。

转载地址：http://ywfvz.baihongyu.com/