qt右下角弹框提示_Qt编写安防视频监控系统28-摄像机点位

## 一、前言

摄像机点位的功能主要是在图片地图和在线离线地图上设置对应摄像机的位置,然后双击可以实时预览对应摄像机的视频,在图片地图上拖动摄像机图标到对应位置,系统会自动保存位置信息,在网页地图上的摄像机位置,需要异步更新,比如先从右侧选择需要更新位置的摄像机,然后在地图上鼠标按下,会自动传回当前位置的经纬度信息,然后单击更新设备位置按钮即可,会自动js异步更新执行代码,更新完成以后会自动同步到另外的地图,比如在线地图更新了,离线地图也会自动更新。

在图片上移动位置保存这个功能很简单,但是在网页地图上,就需要用到js代码了,为此特意封装了一个js函数,专门负责添加设备点,总共10个参数,涵盖了各种情况,参数含义如下:

1. name 表示标注点名称 显示在图标旁边的文本 为空则不显示

2. addr 表示标注点地址

3. title 表示弹框信息html格式标题

4. tips 表示弹框信息html格式内容

5. width 表示弹框的宽度

6. point 表示经纬度坐标

7. action 表示单击以后触发什么动作 0-不处理 1-自己弹框 2-发送信号

8. animation 表示动画效果 0-不处理 1-跳动 2-坠落

9. iconfile 表示图标文件路径,不设置则采用默认图标,注意图片的尺寸

10. iconindex 表示图标对应在图片中的索引

## 二、功能特点

1. 支持多画面切换,全屏切换等,包括1+4+6+8+9+13+16+25+36+64画面切换。

2. 支持alt+enter全屏,esc退出全屏。

3. 自定义信息框+错误框+询问框+右下角提示框(包含多种格式)。

4. 17套皮肤样式随意更换,所有样式全部统一,包括菜单等。

5. 云台仪表盘鼠标移上去高亮,八个方位精准识别。

6. 底部画面工具栏(画面分割切换+截图声音等设置)移上去高亮。

7. 可在配置文件更改左上角logo+中文软件名称+英文软件名称。

8. 封装了百度地图,视图切换,运动轨迹,设备点位,鼠标按下获取经纬度等。

9. 支持图片地图,设备按钮可以在图片地图上自由拖动自动保存位置信息。

10. 在百度地图和图片地图上,双击视频可以预览摄像头实时视频。

11. 堆栈窗体,每个窗体都是个单独的qwidget,方便编写自己的代码。

12. 顶部鼠标右键菜单,可动态控制时间CPU+左上角面板+左下角面板+右上角面板+右下角面板的显示和隐藏,支持恢复默认布局。

13. 工具栏可以放置多个小图标和关闭图标。

14. 左侧右侧可拖动拉伸,并自动记忆宽高位置,重启后恢复。

15. 双击摄像机节点自动播放视频,双击节点自动依次添加视频,会自动跳到下一个,双击父节点自动添加该节点下的所有视频。

16. 摄像机节点拖曳到对应窗体播放视频,同时支持拖曳本地文件直接播放。

17. 视频画面窗体支持拖曳交换,瞬间响应。

18. 双击节点+拖曳节点+拖曳窗体交换位置,均自动更新url.txt。

19. 支持从url.txt中加载通道视频播放,自动记忆最后通道对应的视频,软件启动后自动打开播放。

20. 右下角音量条控件,失去焦点自动隐藏,音量条带静音图标。

21. 集成百度在线地图和离线地图,可以添加设备对应位置,自动生成地图,支持缩放和添加覆盖物等。

22. 视频拖动到通道窗体外自动删除视频。

23. 鼠标右键可删除当前+所有视频,截图当前+所有视频。

24. 录像机管理、摄像机管理,可添加删除修改导入导出打印信息,立即应用新的设备信息生成树状列表,不需重启。

25. 在pro文件中可以自由开启是否加载地图。

26. 视频播放可选2种内核自由切换,vlc+ffmpeg,均可在pro中设置。

27. 可设置1+4+9+16画面轮询,可设置轮询间隔以及轮询码流类型等,直接在主界面底部工具栏右侧单击启动轮询按钮即可,再次单击停止轮询。

28. 默认超过10秒钟未操作自动隐藏鼠标指针。

29. 支持onvif搜素设备,支持任意onvif摄像机,包括但不限于海康大华宇视天地伟业华为等。

30. 支持onvif云台控制,可上下左右移动云台摄像机,包括复位和焦距调整等。

31. 同时支持sqlite、mysql、postsql等数据库。

32. 可保存视频,可选定时存储或者单文件存储,可选存储间隔时间。

33. 可设置视频流通信方式tcp+udp,可设置视频解码是速度优先、质量优先、均衡等。

34. 可设置硬解码类型,支持qsv、dxva2、d3d11va等。

35. 默认采用opengl绘制视频,超低的CPU资源占用,支持yuyv和nv12两种格式绘制,很牛逼。

36. 高度可定制化,用户可以很方便的在此基础上衍生自己的功能,支持linux和mac系统。

## 三、效果图

32a3c6d06eaf3326e8f1743100e50d3d.png

## 四、核心代码

void MapBaiDu::addMarker(QStringList &list){    //动态添加点    //name      表示标注点名称 显示在图标旁边的文本 为空则不显示    //addr      表示标注点地址    //title     表示弹框信息html格式标题    //tips      表示弹框信息html格式内容    //width     表示弹框的宽度    //point     表示经纬度坐标    //action    表示单击以后触发什么动作 0-不处理 1-自己弹框 2-发送信号    //animation 表示动画效果 0-不处理 1-跳动 2-坠落    //iconfile  表示图标文件路径,不设置则采用默认图标,注意图片的尺寸    //iconindex 表示图标对应在图片中的索引    list << QString("  function addMarker(name, addr, title, tips, width, point, action, animation, iconfile, iconindex) {");    list << QString("    var list = point.split(',');");    //设置点经纬度坐标    list << QString("    var pot = new BMap.Point(list[0], list[1]);");    //设置文本文字 offset为对应标签显示的位置偏移值    list << QString("    var label = new BMap.Label(name, {"offset":new BMap.Size(20, -10)});");    //设置图标,不设置则采用默认图标    list << QString("    if (!iconfile) {");    list << QString("      var marker = new BMap.Marker(pot);");    list << QString("    } else if (iconfile == 'http://lbsyun.baidu.com/jsdemo/img/fox.gif') {");    list << QString("      var icon = new BMap.Icon(iconfile, new BMap.Size(300, 157));");    list << QString("      var marker = new BMap.Marker(pot, {icon: icon});");    list << QString("    } else if (iconfile == 'http://api.map.baidu.com/img/markers.png') {");    list << QString("      var icon = new BMap.Icon(iconfile, new BMap.Size(23, 25), {offset: new BMap.Size(10, 25), imageOffset: new BMap.Size(0, 0 - iconindex * 25)});");    list << QString("      var marker = new BMap.Marker(pot, {icon: icon});");    list << QString("    } else {");    list << QString("      var icon = new BMap.Icon(iconfile, new BMap.Size(53, 52));");    list << QString("      var marker = new BMap.Marker(pot, {icon: icon});");    list << QString("    }");    list << QString("    map.addOverlay(marker);");    list << QString("    if (name != '') {");    list << QString("      marker.setLabel(label);");    list << QString("    }");    list << QString("    addClick(marker, name, addr, title, tips, width, action);");    //弹跳效果-BMAP_ANIMATION_BOUNCE 坠落效果-BMAP_ANIMATION_DROP    list << QString("    if (animation == 1) {");    list << QString("      marker.setAnimation(BMAP_ANIMATION_BOUNCE);");    list << QString("    } else if (animation == 2) {");    list << QString("      marker.setAnimation(BMAP_ANIMATION_DROP);");    list << QString("    }");    list << QString("  }");}void MapBaiDu::deleteMarker(QStringList &list){    //动态删除点,如果name为空则删除所有    list << QString("  function deleteMarker(name) {");    list << QString("    var allOverlay = map.getOverlays();");    list << QString("    var len = allOverlay.length;");    list << QString("    for (var i = 0; i < len; i++) {");    list << QString("      if (name.length == 0) {");    list << QString("        map.removeOverlay(allOverlay[i]);");    list << QString("      } else if (allOverlay[i].getLabel().content == name) {");    list << QString("        map.removeOverlay(allOverlay[i]);");    list << QString("        break;");    list << QString("      }");    list << QString("    }");    list << QString("  }");}
前端动画素材在网页开发中扮演着重要角色,能够吸引用户注意、提升用户体验。以下是一些常见的前端动画素材的技术实现方式: CSS 动画:使用 CSS 属性(如@keyframes、transition、transform等)来实现动画效果。这种方式简单易用,适合实现简单的动画效果,如过渡、旋转、缩放等。 JavaScript 动画:通过 JavaScript 操作 DOM 元素的样式属性,实现更复杂、交互性更强的动画效果。常见的库包括 jQuery、Anime.js、GreenSock(GSAP)等,它们提供了丰富的动画函数和效果,使动画开发更加高效。 SVG 动画:使用 SVG(可缩放矢量图形)和 SMIL(同步多媒体集成语言)技术创建矢量图形动画,可以实现复杂的矢量图形动画效果,如路径动画、填充动画等。 Canvas 动画:通过 HTML5 Canvas 元素绘制图形,利用 JavaScript 控制绘制过程,实现高度可定制化的动画效果,适用于需要实时渲染的复杂动画场景。 WebGL 动画:基于 WebGL(Web图形库)的 3D 图形渲染技术,可以实现高性能的复杂动画效果,适合开发需要展示 3D 动画的网页。 React 动画库:如果你在使用 React 框架,可以考虑使用像 React Spring、Framer Motion 等专门为 React 设计的动画库,简化动画开发流程。 CSS 预处理器:使用像 Sass、Less 等 CSS 预处理器可以简化 CSS 编写过程,提高样式代码的可维护性,进而对动画效果的实现有所帮助。 综上所述,前端动画素材的技术实现方式多种多样,开发者可以根据项目需求和个人技术偏好选择合适的方式来实现动画效果。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值