页面资产

已开放页面

ISDP+当前已开放的页面：

集成方式

通过Iframe嵌套页面，页面路径后拼接参数实现页面集成时对应组件的修改。

如：/qc/holosens/IntelligentMonitor?uiType=videoScreen&leftSide=0&fullForced=1&screenGrid=1X1&gridControl=0&pagerType=2&refreshToken=1，其中，“/qc/holosens/IntelligentMonitor”为集成URL，“?”后面部分为拼接参数。

集成页面拼接参数的说明请参见集成参数说明。

集成参数说明

• 智能监控页面
  • 页面参数说明

    参数字段	说明	值域
    folded	只显示九宫，优先级高于uiType参数（历史逻辑，保留）	true
    uiType	视图类型 说明： 只要有传值，页面右上角的视图切换区与全屏操作不显示。	videoScreen：九宫格（默认值） map：地图 tableList：列表
    leftSide	左侧设备树	0：不显示 1：显示收起状态 2：显示且展开（默认值）
    screenGrid	九宫格->视频布局	1X1，1X2，1X3，2X1，2X2，3X2，3X3，3X4，4X4
    videoControl	九宫格->每个视频容器右上角操作项	0：不显示 1：显示；（默认值）
    pagerType	九宫格->分页器	0：显示 1：分页器（默认值） 2：简单分页器（只有前后翻页按钮）
    gridControl	九宫格->布局操作按钮	0：不显示 1：显示（默认值）
    timer	九宫格->时间组件	0：不显示 1：显示（默认值）
    fullForced	九宫格->是否铺满	0：不处理（默认值） 1：九宫格为铺满方式，上下左右都不留白
    backgroundColor	九宫格->背景色	HTML合法颜色值（#000000-#ffffff），默认是#000000（黑色）
    projectNumber	项目过滤（业务数据）	系统数据中有效项目编码
    orgId	组织ID过滤（业务数据）	系统数据中有效组织ID
    refreshToken	自动刷新Token，定时10分钟请求服务/rest/plat.user/user/getCurrentUser刷新Token	1：自动刷新 0：不自动刷新（默认值）
    selectable	单击选中九宫格视频，单击选中后再单击则取消选中；交互数据请查看postMessage说明。	1：支持选中交互 0：无选中交互（默认值）

  • postMessage说明

    postMessage消息接口相关说明与示例：

    <iframe
            id="demoIframe"
            src="/#/qc/holosens/IntelligentMonitor?folded=true&leftSide=0& selectable=1"
            frameborder="0"
          ></iframe>
    const iframe = document.getElementById('demoIframe')

    • 支持传入多个设备ID过滤数据，无返回消息

      action: “FILTER_DEVICE”，该参数为固定

      data: [‘isdpDeviceId’]，数组里isdpDeviceId项为要过滤的设备id

      如：

            iframe.contentWindow.postMessage({
              action: 'FILTER_DEVICE',
              data: ['111', '222']
            })

    • 支持传入设备ID查询视频视图的DOMID，有返回消息

      action: 'REQ_VIDEO_DOM'，该参数为固定

      data: ‘isdpDeviceId’， isdpDeviceId为要获取视频DOMID的设备id

      如下是发送查询消息，以及返回数据RES_VIDEO_DOM消息示例：

      iframe.contentWindow.postMessage({
              action: 'REQ_VIDEO_DOM',
              data: '111', 
            })
          
            iframe.contentWindow.addEventListener('message', e=>{
                   // 根据设备ID返回对应视频元素ID
              if (e.data.action === "RES_VIDEO_DOM") {
                 console.log("RES_VIDEO_DOM", e.data.data);
              // e.data 数据如下
              // {
              //   action: 'RES_VIDEO_DOM',
              //   data: {
              //     code: 1, //1表示获取到视频播放元素
              //     isdpDeviceId: '111',
              //     videoDom: 'video_xxxx',
              //     message: 'success',
              //   }
              // }
              }
            })

    • 支持点击九宫格视频点击事件，当url参数上有selectable=1时，点击会触发选中效果，同时会发送postMessage消息

          iframe.contentWindow.addEventListener("message", (e) => {
            console.log("demo.addEventListener", e);
            // 选中设备ID
            if (e.data.action === "SELECT_DEVICE") {
              console.log("SELECT_DEVICE", e.data.data);
              this.selectedDeviceId = e.data.data;
      // e.data 数据如下
              // {
              //   action: 'RES_VIDEO_DOM',
              //   data: 'selectedDeviceId',
              // }
            }
          });  

• 智能设备直播页面

  参数字段	说明	值域
  isdpDeviceId	直播设备编号（已有）	对应集成的设备编号
  fullscreen	只展示视频窗口（已有）	true：只展示视频窗口，隐藏页面其余所有UI 不传或不为true的其他值：展示页面所有UI视图（默认值）
  limitLayout	视频显示比例（已有）	0：铺满全屏幕 1：视频比例16:9（默认值）
  hideAI	隐藏AI审核	0：不隐藏（默认值） 1：隐藏
  hideIssue	隐藏“问题”页签	0：不隐藏（默认值） 1：隐藏
  hideWatermark	隐藏直播水印	0：不隐藏（默认值） 1：隐藏
  hideVideoMenu	隐藏操作区功能	0：不隐藏（默认值） 1：隐藏
  showmenu	侧边栏是否展开（已有）	true：展开（默认值） false：不展开
  hideHeader	隐藏顶部栏（隐藏后，hideAI、hideIssue、showmenu设置无效，默认隐藏）	0：不隐藏（默认值） 1：隐藏
  background	控制视频区背景颜色 根据传入色值设置背景颜色，不传入默认当前页面样式	HTML合法颜色值（#000000-#ffffff），默认是#000000（黑色）
  refreshToken	自动刷新Token，定时10分钟请求服务/rest/plat.user/user/getCurrentUser刷新Token	1：自动刷新 0：不自动刷新（默认值）

• 智能摄像头直播页面

  参数字段	说明	值域
  deviceId	直播设备编号（已有）	对应集成的设备编号
  channelId	频道ID（已有）	设备接入频道ID
  fullscreen	只展示视频窗口（已有）	true：只展示视频窗口，隐藏页面其余所有UI 不传或不为true的其他值：展示页面所有UI视图（默认值）
  limitLayout	视频显示比例（已有）	0：铺满全屏幕 1：视频比例16:9（默认值）
  hideAI	隐藏AI审核	0：不隐藏（默认值） 1：隐藏
  hideIssue	隐藏“问题”页签	0：不隐藏（默认值） 1：隐藏
  hideVideoMenu	隐藏操作区功能	0：不隐藏（默认值） 1：隐藏
  showmenu	侧边栏是否展开（已有）	true：展开（默认值） false：不展开
  hideHeader	隐藏顶部栏（隐藏后，hideAI、hideIssue、showmenu设置无效，默认隐藏）	0：不隐藏（默认值） 1：隐藏
  background	控制视频区背景颜色 根据传入色值设置背景颜色，不传入默认当前页面样式	HTML合法颜色值（#000000-#ffffff），默认是#000000（黑色）
  refreshToken	自动刷新Token，定时10分钟请求服务/rest/plat.user/user/getCurrentUser刷新Token	1：自动刷新 0：不自动刷新（默认值）

• 视频会商页面

  参数字段	说明	值域
  liveMeetingId	会议ID（已有）	对应集成的会议ID
  fullscreen	只展示视频窗口	1：只展示主视频窗口+小窗口，隐藏页面其余所有UI 0：展示页面所有UI视图（默认值）
  expandSidebar	侧边栏是否展开	1：展开（默认值） 0：不展开
  hideIssue	隐藏“问题”页签	0：不隐藏（默认值） 1：隐藏
  hideButtonExit	隐藏“结束通话”按钮	0：不隐藏（默认值） 1：隐藏
  hideButtonRecord	隐藏“开始/停止录制”按钮	0：不隐藏（默认值） 1：隐藏
  hideButtonInvite	隐藏“邀请”按钮	0：不隐藏（默认值） 1：隐藏
  hideButtonMessage	隐藏“发送消息”按钮	0：不隐藏（默认值） 1：隐藏
  frameBackground	框架背景颜色 根据传入色值设置背景颜色，不传入默认当前页面样式	HTML合法颜色值（#000000-#ffffff），默认是#2a2e36（深灰）
  videoBackground	视频背景颜色 根据传入色值设置背景颜色，不传入默认当前页面样式	HTML合法颜色值（#000000-#ffffff），默认是#000000（黑色）
  hideGraffiti	隐藏“涂鸦”功能	0：不隐藏（默认值） 1：隐藏
  hideFocalLength	隐藏“调焦距”功能	0：不隐藏（默认值） 1：隐藏
  hideDirection	隐藏“调方向”功能	0：不隐藏（默认值） 1：隐藏
  refreshToken	自动刷新Token，定时10分钟请求服务/rest/plat.user/user/getCurrentUser刷新Token	1：自动刷新 0：不自动刷新（默认值）