前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >EasyNVR通道关闭水印报错Cannot read properties of undefined

EasyNVR通道关闭水印报错Cannot read properties of undefined

原创
作者头像
TSINGSEE青犀视频
修改2021-10-13 17:53:51
3660
修改2021-10-13 17:53:51
举报
文章被收录于专栏:TSINGSEE青犀视频TSINGSEE青犀视频

自前段时间EasyDSS新增添加水印功能后,EasyNVR也增加了该功能。在测试该功能期间,我们发现在EasyNVR内通道关闭水印提交报错,报错内容如下: Error in event handler for “click”: “TypeError: Cannot read properties of undefined (reading ‘width’)”

经过对前端代码进行分析,发现是由于关闭水印时,提交了未使用到定义的水印图宽高信息,这才导致提交宽度与原本水印不匹配,产生报错。

解决问题:

水印提交添加判断,将水印宽高在开启水印时创建即可。

代码语言:javascript
复制
onSubmit() {
  var _this = this;
  var formdata = new FormData();
  if (Number(this.watermarkData.enable) === 0){
    formdata.append("channelId", this.channelData.Channel);
    formdata.append("enable", Number(this.watermarkData.enable));
  }else{
    let { w, mw, h, mh, id } = this.orientation;
    let width = 0;
    let height = 0;
    let mwl = (w / mw)>=701?mw+1:mw;
    let mhl = (h / mh)>=701?mw+1:mw;
    width = w / mwl - this.transform.width;
    height = h / mhl - this.transform.height;
    this.transform = {
      X: this.transform.x * mwl,
      Y: this.transform.y * mhl,
      Width: this.transform.width * mwl,
      Height: this.transform.height * mhl,
    }
  }

EasyNVR平台经过我们不断的改良,已经支持市面上大部分的RTSP/Onvif协议设备:IP Camera/NVR/DVR/编码器等,直播便捷稳定,是安防直播解决方案中一个不错的选择。目前EasyNVR所搭建的明厨亮灶、智慧校园等系统已经在很多项目中落地,如果大家有这方面的需求,欢迎联系我们获取方案。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
相关产品与服务
云直播
云直播(Cloud Streaming Services,CSS)为您提供极速、稳定、专业的云端直播处理服务,根据业务的不同直播场景需求,云直播提供了标准直播、快直播、云导播台三种服务,分别针对大规模实时观看、超低延时直播、便捷云端导播的场景,配合腾讯云视立方·直播 SDK,为您提供一站式的音视频直播解决方案。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档