如何解决新版国标GB28181协议视频平台EasyGBS模块管理播放器弹出延时过高?

EasyGBS视频平台是支持国标GB28181协议的流媒体平台,旧版的EasyGBS设备管理在网页的左侧边栏,新版更新后,设备管理被移到了上侧导航栏,直接点击设备管理,就会出现所有接入的设备,点击播放弹出播放器框。

如何解决新版国标GB28181协议视频平台EasyGBS模块管理播放器弹出延时过高?_第1张图片

更新后,我们首次测试的时候在EasyGBS内点击设备管理的视频播放按钮,发现当服务器响应时间过长时,播放器弹框出现延迟过高,也就是在一段时间内,服务器没有响应。

如何解决新版国标GB28181协议视频平台EasyGBS模块管理播放器弹出延时过高?_第2张图片

我们设计的代码原理是,当点击播放操作后,发送请求获取到视频流地址后才会弹出播放框。这样就会导致当视频流正在传输时,服务器将会花费时间等待,视频流传输过来时,播放器才显示,并且直接播放视频。

解决这个问题,我们可以在点击播放操作后,先弹出播放框,然后再发送获取视频流的请求,这样当视频流正在传输时,播放器框也会显示,从而消除播放器弹框延时的问题。

以下为修改的代码,大家可以参考:

playStream(row) {
      this.$refs["videoDlg"].setPlayer();
      this.$set(row, "Locked", true);
      $.get("/api/v1/stream/start", {
        serial: row.DeviceID,
        code: row.ID,
      })
        .then((ret) => {
          var videoUrl = ret.WS_FLV;
          var videoUrlFlv = ret.FLV;
          var videoUrlRtmp = ret.RTMP;
          var videoUrlHls = ret.HLS;
          var videoUrlWsFlv = ret.WS_FLV;
          var VideoCode = ret.VideoCode;
          this.$refs["videoDlg"].play(
            videoUrl,
            row.Name || row.ID,
            row.SnapURL || "",
            row.DeviceID,
            row.ID,
            ret.RealtimeRecord,
            ret.StreamID,
            videoUrlFlv,
            videoUrlRtmp,
            videoUrlHls,
            videoUrlWsFlv,
            VideoCode
          );
        })
        .always(() => {
          this.$delete(row, "Locked");
        });
    },

 // 创建播放器
    setPlayer() {
      this.oldPlay = false;
      this.newPlay = true;
      this.new265Play = new WasmPlayer(
        null,
        "NewVideo",
        this.callbackfun,
        this,
        "auto",
        0
      );
      this.new265Play.startLoding()
      $(this.$el).modal("show");
    },

如何解决新版国标GB28181协议视频平台EasyGBS模块管理播放器弹出延时过高?_第3张图片

你可能感兴趣的:(EasyGBS)