我們在前段時間更新了支持國標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 = ""; } },
修改后播放器就會顯示正常: