前端使用jsmpeg+websocket播放(4-9)个监控视频出现严重卡顿情况

3个以上监控同时播放导致视频延迟严重,卡顿严重。使用stop()方法停止一部分监控,情况会减轻。
前端具体代码:

监控1

<div class="main-item" >
       <p>监控1</p>
       <div>
           <canvas></canvas>
       </div>
   </div> 
    <script src="./js/jsmpeg.min.js"></script>
    <script type="text/javascript"> 
    let listEl = document.getElementsByClassName('main-item');
    for (let i = 0; i < listEl.length; i++) {
        let canvas = listEl[i].getElementsByClassName('canvas')[0];
        let port = canvas.getAttribute('prop-port');
        let url = 'ws://192.168.1.106:8088';
        _this._players[i] = new JSMpeg.Player(url, {
            canvas: canvas,
            disableGl: false
        });
    } 
    </script>
 

你好,我是有问必答小助手,非常抱歉,本次您提出的有问必答问题,技术专家团超时未为您做出解答

本次提问扣除的有问必答次数,将会以问答VIP体验卡(1次有问必答机会、商城购买实体图书享受95折优惠)的形式为您补发到账户。

​​​​因为有问必答VIP体验卡有效期仅有1天,您在需要使用的时候【私信】联系我,我会为您补发。