如何解决海康大华摄像头接入国标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 = "" ; } }, |
修改后播放器就会显示正常:
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 【设计模式】告别冗长if-else语句:使用策略模式优化代码结构
· 提示词工程——AI应用必不可少的技术
· 字符编码:从基础到乱码解决
· 地球OL攻略 —— 某应届生求职总结