随笔 - 936  文章 - 0  评论 - 3  阅读 - 30万

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

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

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

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

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

我们修改一下代码如下:

1
2
3
4
5
6
7
8
9
onHide() {
      this.$emit("index", this.Index);
      if (this.NewPlay) {
        this.NewPlay = false;
        this.new265play.destroy();
        this.nosignal = true;
        $(".player")[this.Index].innerHTML = "";
      }
},

  

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

posted on   EasyGBS  阅读(900)  评论(0编辑  收藏  举报
编辑推荐:
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
阅读排行:
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 【设计模式】告别冗长if-else语句:使用策略模式优化代码结构
· 提示词工程——AI应用必不可少的技术
· 字符编码:从基础到乱码解决
· 地球OL攻略 —— 某应届生求职总结
< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

点击右上角即可分享
微信分享提示