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

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

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

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

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

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

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94

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