RTSP协议视频智能分析平台EasyNVR分享界面ifarm嵌套云端控制显示优化

原创

TSINGSEE青犀视频

修改于 2021-03-14 17:19:11

3400

修改于 2021-03-14 17:19:11

文章被收录于专栏：TSINGSEE青犀视频TSINGSEE青犀视频

TSINGSEE青犀视频云边端架构视频智能分析平台经常会用到页面嵌套的功能，比如EasyGBS的页面嵌套（EasyGBS的分享界面调用ifram嵌套后出现滚动条）等。

EasyNVR也会使用ifarm进行嵌套，在ifarm嵌套界面默认云端空是不显示的，现在需要加一个配置字段来安要求是否显示。

此字段是需要加载url地址中的，showConsole字段为yes则显示，no为隐藏，默认不显示。参考代码如下：

async mounted() {
    this.IEVersion = this.getIEVersion();
    await this.getServerInfo();
    this.iframe = this.getQueryString("iframe", "no") == "yes";
    this.stretch = this.getQueryString("stretch", "no") == "yes";
    this.aspect = this.getQueryString("aspect").replace("x", ":");
    this.autoplay = this.getQueryString("autoplay", "yes") == "yes";
    this.protocol = String(this.getQueryString("protocol", "")).toUpperCase();
    this.debug = this.getQueryString("debug") == "yes";
    this.shareUrl = location.href;
    if (this.iframe) {
      if (location.href.indexOf("showConsole=yes") > -1) {
        this.showConsole = true;
      } else if (location.href.indexOf("showConsole=no") > -1) {
        this.showConsole = false;
      } else {
        this.showConsole = false;
      }
    }

如下图则是设置不显示过后的界面：