本文共 772 字,大约阅读时间需要 2 分钟。
为了提升TSINGSEE青犀视频智能安防监控系统的管理效率,我们开发了EasyNVS综合管理平台,该平台最初支持EasyNVR平台,现在扩展了对EasyDSS系统的接入,更强了统一管控能力。
在用户反馈中,我们发现EasyNVS在手机端扫码观看直播时存在无信号现象,但在PC端则能正常播放。经过深入排查,问题出在以下两个方面:
代码层面:在代码中直接强制赋值直播流地址,虽然能解决手机端播放问题,但这种方法缺乏灵活性,难以适应不同设备和场景的需求。
接口设计:模拟接口采用异步赋值直播地址策略,虽然可行,但由于移动端对字符串拼接方式的不支持,该方案的实施效果受到了限制。
为了解决上述问题,我们首先修改了Player.vue文件中的字符串拼接方式,使其在手机端也能正常运行。具体修改如下:
playStream() { 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在手机端和PC端的播放功能均能正常运行。系统管理界面也进行了优化,清晰呈现设备状态、运行时长、带宽使用、存储空间和流量统计等信息,为运维人员提供了直观的操作界面。
转载地址:http://ywfvz.baihongyu.com/