如何解决海康大华摄像头接入国标GB28181协议视频平台EasyGBS播放视频流,出现多个播放器的问题?


我们在前段时间更新了支持国标GB28181协议的视频平台EasyGBS,有很多用户都已经更新使用了,并且反响都比较好,新增的视频调阅功能满足了大部分人对直播界面直观显示的需求,所以我们仍在不断进行新的开发和测试,以求能够有更新的功能,给用户带来更便捷的体验。

在最新的测试过程中,我们发现新版EasyGBS视频调阅模块的分屏位置第一次打开一个视频时,会生成一个播放器,当关闭后重新打开,会有2个播放器重叠在一起。

上图可以清楚看到两个播放器重叠,下面的播放器在加载,而上面的播放器是暂停播放状态。

这里是我们在代码的处理上有错位的地方,正常当第一个视频关闭时,应该将旧播放器的节点删除,然后原位置重新生成新播放器,但是上述这种情况下,旧播放器的节点并没有被删掉,而是作为一个正常播放器仍存在于服务器当中,造成两个播放器同时存在的局面。

我们修改一下代码如下:

onHide() {
      this.$emit("index", this.Index);
      if (this.NewPlay) {
        this.NewPlay = false;
        this.new265play.destroy();
        this.nosignal = true;
        $(".player")[this.Index].innerHTML = "";
      }
},

  

修改后播放器就会显示正常:


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM