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

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

GBS产品架构3平面 定.png

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

15.png

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

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

我们修改一下代码如下:

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

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

16.png

猜你喜欢

转载自blog.csdn.net/EasyGBS/article/details/107934833