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

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

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

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

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

以下为修改的代码，大家可以参考：

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");

},