背景分析
隨着平安城市、智慧城市、雪亮工程、智能交通等各項建設的持續開展，安防逐漸得到普及，面對如此廣闊的市場，對安防企業來說不僅僅是機遇更多的是挑戰。現今大多數攝像頭一直沒能擺脫人工監控的傳統監控方式，由此導致了大量視頻數據堆積佔用存儲資源、實時性差、檢索困難等問題，海量攝像頭帶來的海量視頻數據檢索工作需要耗費大量警力。
爲了解決這些問題，近年來，視頻監控行業發展方向主要爲：“高清化、網絡化、智能化”。視頻監控設備技術性極強，系統的創新升級同時也在引導市場需求的變化並創造了新的市場需求。因此，EasyNVR也就誕生了。
EasyNVR直播頁面和視頻列表頁面
爲了給用戶更好的用戶體驗，並且更好的讓用戶快速簡潔的瞭解實時的視頻直播信息，一般多會分爲列表展示和實時的視頻直播展示。如下圖：
很多熱有人都認爲這兩種展示方式只是爲了做不同的操作操作習慣，實際上，這兩個展示方式都各有特點。
EasyNVR在列表快照展示界面並沒有進行視頻流的播放，展示多爲視頻的快照信息、是否在線等信息；
而在實時四分屏展示界面不僅會展示實時的通道名稱，更要通過通道名稱來獲取實時的視頻流來進行實時的播放。
因此在進行兩個視圖之間的切換的時候，不僅需要考慮外表視圖的變化，更應該注意到視頻流的關閉；當我們需要在實時四分屏視圖向列表視圖進行切換的時候，需要將當前四分屏視圖中所有的視頻流全部停掉。
爲了保持初始播放器樣式的統一，在四分屏播放頁面每一次播放視頻流時都是重新加載初始化videojs。因此當需要進行切換到列表視圖時需要判斷當前四個播放窗口中，哪一個窗口正在進行視頻播放，以便於在切換視圖時將對應窗口的視頻流停掉。
通過js可以完成該判斷操作。首先定義一個全局數組，目的用於存儲當前窗口中正在進行實時播放的窗口號信息。這個信息會根據窗口的播放狀態而實時的變化；
var players = [];
當需要進行切換到列表視圖時，只需要將players裏面的元素對應的窗口中的視頻流停掉即可；
$.each(players, function (index, item) {
videojs("player" + item).dispose();
})
