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

原创于 2020-08-11 14:34:06 发布 · 1.8k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#国标GB28181协议 #视频流 #视频平台 #摄像头 #播放器

EasyGBS 专栏收录该内容

764 篇文章

订阅专栏

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

GBS产品架构3平面定.png

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

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

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

我们修改一下代码如下：

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

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