本章介绍jQuery中支持Ajax的各种方法和函数，阐述通过Ajax交互的过程与常用方法,重点介绍核心方法$.ajax()的运用技巧。通过ajax全局事件的介绍，进一步巩固前面所学基础内容。
<!DOCTYPE html> <html> <title>简单拖曵原理实例</title> <script language="javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script type="text/javascript"> $(function(){ //样式 $("#drag").c
摘要：我们将会为Web开发人员提供多个资源。其中包括一个着陆页设计资源、两种降低屏幕刺眼程度的方法、一个用来实现拖曳网页布局的插件、一个用于整理date-picker的jQuery插件，以及许多为开发
拖放是一种常见的操作，即抓取对象以后从一个位置拖到另一个位置。 在 HTML5 中，拖放是标准的一部分，任何元素都能够拖放。
为用户提供的拖曳功能很直观，在很对桌面应用程序中，复制或移动对象都可以通过拖曳来完成
发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/169492.html原文链接：https://javaforall.cn
本文要推荐的「Carbon」是一款能将代码转为美丽图片的免费在线工具，只要将原始码粘贴或直接把文件拖曳到网站中，就能选择不同的配色，为代码加上外框、阴影，转为更有质感的图片。
Wappalyzer 工具支持分析目标网站所采用的平台构架、网站环境、服务器配置环境、JavaScript框架、编程语言等参数，同时还可以显示目标站点使用该技术的网站比例，例如有多少网站使用的是Wordpress、有多少网站使用AddThis第三方服务，其他还有网页服务器、分析工具、CDN、留言系统、控制台、网络空间等等，可以让你从使用比例中得出目前最流行的技术。
最近在公司打杂的时候，突然分到了一个锅，就是要支持一个新的功能：用户可以通过拖曳组件来改变组件的顺序。因此，这阵子就看了一下网上的一些drag和drog的文章以及W3C的介绍，然后自己亲手实践了一下，毕竟打码，才能变得更强。 首先，先放一个我的demo，大家可以去那里随便拖动一下玩一玩: https://chenjigeng.github.io/example/drag.html
以前不知道onvif也可以做抓拍功能，直到近期重新用Onvif Device Test Tool工具测试的时候，发现还有抓图的接口，于是抓跑分析出要收发的数据，然后加入到自己封装的onvif操作类中，这个抓图有个应用场景就是报警以后，直接通过onvif抓图，而不需要打开实时视频流，基本上不占用什么资源。
一、功能特点 多线程实时播放rtsp视频流。 支持X86和嵌入式linux。 多线程显示图像，不卡主界面。 自动重连网络摄像头。 可设置边框大小即偏移量和边框颜色。 可设置是否绘制OSD标签即标签文本或图片和标签位置。 可设置两种OSD位置和风格。 可设置是否保存到文件以及文件名。 可设置间隔时间段保存文件到指定目录。 可播放本地视频文件，支持设置帧率。 支持h265视频流+rtmp等常见视频流。 可暂停播放和继续播放。 支持定时存储文件,包括音频和视频。 支持sdl播放音频。 支持外部拖曳文件+拖曳节点数
Wappalyzer 网站是一个可以分析不同网站所使用的各种技术的工具，对于有自身经验的网站开发者而言可以通过代码开分析网站的构架和所采用的技术，不过现在你可以通过工具来获得网站技术的参数报告了。
摄像机点位的功能主要是在图片地图和在线离线地图上设置对应摄像机的位置，然后双击可以实时预览对应摄像机的视频，在图片地图上拖动摄像机图标到对应位置，系统会自动保存位置信息，在网页地图上的摄像机位置，需要异步更新，比如先从右侧选择需要更新位置的摄像机，然后在地图上鼠标按下，会自动传回当前位置的经纬度信息，然后单击更新设备位置按钮即可，会自动js异步更新执行代码，更新完成以后会自动同步到另外的地图，比如在线地图更新了，离线地图也会自动更新。
采用了回调方式的视频通道，截图只需要对解析好的QImage对象直接保存即可，而对于句柄的形式，需要调用不同的处理策略，比如vlc需要用它自己提供的api接口函数libvlc_video_take_snapshot传入保存路径即可，mpv的内核执行screenshot-to-file命令传入路径参数即可，而ffmpeg就需要设置抓拍标志位，在实时采集解析那边，如果当前是截图标志位真，则需要改成QImage转换的机制发出图片，而不是yuv的数据opengl绘制，海康的sdk调用NET_DVR_CapturePicture函数即可。
掉线重连在很早很早以前就做了，基本上的方法都是搞个变量存储最后收到图片的时间，然后开个定时器判断，如果不在暂停模式下，当前时间和最后收到图片的时间差值超过了设定的超时时间，比如5s则认为掉线，然后调用close方法关闭，调用open重新打开视频流，依次重复。
快捷键 全局选项： Alt + 鼠标滚轮 上/下使窗口 透明/不透明 程序切换： Alt + Tab：在当前工作台中切换窗口 Ctrl + Alt + Tab：在所有工作台中切换窗口 窗口排列（编排并显示所有窗口）：上/下 左下角（关键区域）：所有工作台（点击一个窗口缩放它到前台） 右上角（关键区域）：当前工作台 显示桌面（看当前立体面的桌面）： 右下角（关键区域）：开/关 立方体旋转： Ctrl + Alt + 左/右方向键：立体地切换桌面 Ctrl + Shift + Alt + 左/右方向键：把活动窗口移到左/右工作台 Ctrl + Alt + 鼠标左键并拖曳：手动旋转立方体 缩放： Win + 鼠标右键：缩放一次 Win + 鼠标滚轮 上/下：手动缩放大/小 移动窗口： Alt + 鼠标左键并拖曳：移动窗口 Ctrl + Shift + 鼠标左键：迅速移动窗口（会粘住边框） 调整窗口大小： Alt + 鼠标中键 水波效果： Ctrl + Win + 移动鼠标：关标在水上移动（默认无效） Shift + F9：雨点降落在你的屏幕上 模糊效果： 在透明窗口下添加一些模糊（会使计算机变慢） 动画效果： 当创建或者关闭窗口时使用动画效果（对菜单也有效，不过你要选择“未知”，只选“菜单”没用） 反色效果： Win + m：屏幕反色 Win + n：当前窗口反色 反射效果： 给装饰添加一些纹理（当透明时大多数可见） 屏幕截图： Win + 鼠标左键并拖曳：将所选区域截图（图片保存在桌面） 焦点轨迹效果： 更旧的窗口更加透明 摆动效果： 使窗口丶菜单等像棉花糖 亮度和饱和度： Ctrl + 鼠标滚轮 上/下：增加/减少 饱和度（对桌面也有效） Shfit + 鼠标滚轮 上/下：增加/减少 亮度（对桌面也有效） 窗口对齐： Win + 小键盘1...9：在屏幕中快速对齐一个窗口（1＝左下，2＝中下，3＝右下......） 动态效果减速：Shift＋F10
自从视频监控系统的内核不断增加，从最初的vlc到ffmpeg然后到mpv，后面还陆续增加了海康sdk等，每次增加一个内核，整个视频监控系统就有三五个代码文件需要修改，而且大部分是重复的代码，通过define来区分不同的内核，所以重新整理了一个视频类，里面就define处理好了，提供了个公共接口，在需要的地方直接实例化一个类就行，而不需要在不同的地方实例化不同的类，大大减轻了后期的工作量，也复用了很多代码。
Compilr是一个在线编译器和在线IDE。可以用它来开发PHP, C, C++, Ruby。在浏览器中编译Java, C# 和 VB.net等。 马上使用
这次主要是把 RecyclerView 比较常用的基本的点，在这里集中整理一下。从这篇文章主要梳理以下几点：
通过onvif来调整图片的Brightness(亮度)、ColorSaturation(色彩饱和度)、Contrast(饱和度)这三个参数，可以实时观测到监控画面对应的变化，比如讲亮度Brightness拉到最低，可以看到这个画面一片漆黑。通过onvif来调节图片的颜色光线，就无须通过厂家私有SDK去调节，当然厂家SDK能够去调节的参数肯定更多更全更好速度更快，这个功能用到的地方不多，大部分的时候其实还是安装调试期间，直接在前端摄像机的网页配置界面或者客户端界面上调整好，一般调整好以后基本上不会再去改动，尤其是经过验收的项目，经过专家的建议调整后固定在那个参数就行。
1. 学习目标 学习如何在OpenCV中处理鼠标事件； 学习鼠标事件与回调； 学习鼠标事件回调函数的基本流程。 2. Callback 基本流程 📷 3. 鼠标事件 cv.setMouseCallback 函数说明 3.1 cv.setMouseCallback() 函数使用 cv.setMouseCallback(winname,onMouse,userdata) 3.2 参数说明 参数 说明 winname 表示监听鼠标事件的窗口。 onMouse 表示响应函数，即当鼠标事件触发时调用的函数。 user
云台控制也是onvif功能中最常用的，最常用的功能排第一的是拿到视频流地址，排第二的就是云台控制了，云台控制的含义就是对带云台的摄像机进行上下左右的移动，一般云台摄像机都是带有一个小电机，一旦收到485或者网络来的正确的指令以后就触发单片机程序，然后单片机程序驱动电机进行转动，所以相对来说云台摄像机比普通的摄像机更耗电，当然价格也更贵。
上一篇文章把插件加载好了，并且把插件中的所有控件都显示到了列表框中，这次要做的就是实现拖曳控件的功能，用户选择一个控件拖曳到画布上，松开，在松开位置处自动实例化该控件，这个需要用到dropEvent和dragEnterEvent事件，重新实现这两个事件，对拖曳的对象进行过滤并调用函数实例化该控件，在实例化该控件的同时实例化控件跟随控件以便拉伸调整大小和位置。这里需要注意的是dragEnterEvent是必须的，很多人以为拖曳只要实现dropEvent就可以了，其实不行的，没有效果的，需要先dragEnterEvent来过滤好了执行event->accept()才行，不然根本没有效果，很多人尤其是初学者都挂在这里，我就是在这里摔了一跤，好疼！
一、功能特点 多线程实时播放rtsp视频流。 支持windows+linux+mac。 多线程显示图像，不卡主界面。 自动重连网络摄像头。 可设置边框大小即偏移量和边框颜色。 可设置是否绘制OSD标签即标签文本或图片和标签位置。 可设置两种OSD位置和风格。 可设置是否保存到文件以及文件名。 可播放本地视频文件，支持设置帧率。 支持h265视频流+rtmp等常见视频流。 可暂停播放和继续播放。 支持回调模式和句柄两种模式。 自动将当前播放位置和音量大小是否静音以信号发出去。 提供接口设置播放位置和音量及设置
此功能是一个客户定制的，主要是需要在地图上动态显示GPS的运动轨迹，有个应用场景就是一个带有监控的车子，实时在运动中，后台可以接收到经纬度信息，需要绘制对应的轨迹，相当于这些摄像机点位是动态移动的，这样就可以观测到摄像机的实时位置信息，双击摄像机还可以弹出画面实时预览，很直观。
二、功能特点 （一）软件模块 视频监控模块，各种停靠小窗体子模块，包括设备列表、图文警情、窗口信息、云台控制、预置位、巡航设置、设备控制、悬浮地图、网页浏览等。 视频回放模块，包括本地回放、远程回放、设备播放、图片回放、视频上传等。 电子地图模块，包括图片地图、在线地图、离线地图、路径规划等。 日志查询模块，包括本地日志、设备日志等。 系统设置模块，包括系统设置（基本设置、视频参数、数据库设置、地图配置、串口配置等）、录像机管理、摄像机管理、轮询配置、用户管理等。 （二）基础功能 支持各种视频流（rtsp、
事件订阅是近期增加的功能，主要是因为遇到越来越多的一个应用场景，能够接收摄像机的报警事件，比如几乎所有的摄像机后面会增加报警输入输出接口，如果用户外接了报警输入，则当触发报警以后，对应的事件也会通过onvif传出去，这样就相当于兼容了所有onvif摄像机厂家的报警事件接收，在一些应用系统中，这个功能也是很常见的。
硬件解码是图形芯片厂家提出的用GPU资源解码视频流的方案，与之相对的是软解，也就是传统的用CPU承担解码工作的方案；优点是效率高，功耗低、热功耗低，缺点是缺乏有力的支持（包括滤镜、字幕等），局限性较大（例如打开硬件解码后PC的节能方面的功能失效cnq等），设置较为复杂；需要硬件有硬件解码模块、相关的驱动配合、合适的播放软件以及对播放软件正确的设置，缺一而不能开启硬件解码功能，主流的硬件解码方案由Intel、AMD-ATI以及Nvdia推出。
在之前做的视频监控系统中，根据不同的用户需要，做了好多种视频监控内核，有ffmpeg内核的，有vlc内核的，有mpv内核的，还有海康sdk内核的，为了做成通用的功能，不同内核很方便的切换，比如pro直接改一个DEFINE的变量名，所以需要将各种内核的使用方法做成一样的接口，这样看起来就很整齐，所以后面特意提炼了一个通用的视频控件，该控件没有具体的视频播放控制功能，需要根据不同的内核去调用具体的方法实现，后面还需要增加大华sdk或者其他第三方厂家的协议的时候，直接套用这个通用视频控件即可，以后增加新的监控内核，可以省下很多工作量，基本上只需要做内核解析就行，其余通用接口和绘制图像直接交给通用视频控件就行。
一般会有两种处理方式来删除视频，一种是鼠标右键菜单，删除当前视频或者删除所有视频，一种是直接按住当前视频，移到视频通道界面以外就表示删除当前视频，这也是个比较人性化的设置，每个人的喜好不一样，和通道交换功能类似，按住视频拖动到窗体外面表示删除视频，这个功能也需要安装事件过滤器来处理，自动计算当前按下状态下的鼠标是否已经到了窗体外面，按下的时候记住当前视频通道，松开的时候处理删除视频动作即可。删除完成以后同样要立即更新配置文件或者数据库，以便下次应用新的配置，在删除视频的时候，为了保证界面UI的流畅，可以后台慢慢释放资源删除，而不是立即删除，有时候会卡住主界面，体验不好。
做视频监控系统，绕不过onvif这玩意，这玩意主要就是为了统一一个大概的标准，能够对各个厂家的监控设备进行常用的一些操作，比如搜索、获取信息、云台控制、事件订阅、抓拍图片等，如果没有这个规范，那么各个厂家都各自为政，需要用私有的sdk去处理，这样就很麻烦很惨了，几十个厂家就需要几十个sdk，对于程序员来说简直是灾难，想想就很恐怖的事情，哪个程序员不想多活几年！
自从研究Qt编写自定义控件以来，一发不可收拾，越多越多人有类似的需求找我定制控件，陆陆续续写了上百个控件，目前已超过150个，于是逐渐衍生了另外一个需求，提供一个控件属性设计器，类似QtDesigner一样，可以方便的拖曳控件，改变属性，立即应用，并导出到文件方便下次直接加载，这个设计器有点像组态中的一个雏形，提供了基本的加载控件，导入导出数据，数据源绑定等。
视频监控系统在整个安防领域，已经做到了烂大街的程序，全国起码几百家公司做过类似的系统，当然这一方面的需求量也是非常旺盛的，各种定制化的需求越来越多，尤其是这几年借着人脸识别的东风，发展更加迅猛，人脸识别相关的技术和应用这几年处于风口浪尖，衍生了特别多的应用产品，各种人脸识别的产品遍地开花，刷脸门禁，车站机场人脸识别，刷脸取票等，但是其实大部分内行人士可能都比较绝望，外行感觉像看科幻片一样，老板们各种打鸡血，今天几个亿明天几个亿。
整个onvif模块大部分的功能都有了以后，除了在demo上点点按钮可以执行获取结果显示外，最终还是要应用到视频监控中，在按钮上点点和系统中后台自动运行是两码事，比如onvif校时和事件订阅，不会说是傻到在监控系统界面上提供按钮给用户点击才去执行，最多做的应该是系统设置中提供两个开关比如自动校时、事件订阅，可以方便的开启这几个功能。开启以后等监控系统启动后自动去处理，比如挨个对摄像机进行校时处理以及订阅事件，为了能够做到添加摄像机后自动立即应用，特意改成了在打开摄像机视频画面的时候，主动去实例化DeviceOnvif类（每个摄像机都对应一个实例）
视频播放功能是核心功能之一，为了统一管理接口，统一封装成一个控件，对外提供seturl open close方法即可，不用去管内部的具体处理，这样就可以提供多种接口来实现统一的管理，比如vlc内核+ffmpeg内核+海康sdk内核等，随意切换，在使用各种内核的过程中，对比下来，发现easyplayer的内核是最好的，在国内用ffmpeg做接口做到了极致，CPU占用极低。
时隔一年多，重新对视频监控系统的onvif内核重写，一方面为了兼容Qt6，一方面按功能分类提高效率。整体逻辑思路是一样的，主要的改动是由于Qt6不再支持QtXmlPatterns模块（其实这个模块在Qt5的后面的版本也逐渐提示为废弃模块），onvif协议通信中的数据都是带有命名空间的xml数据，用QtXmlPatterns模块去解析是最合适的，现在全部改成了用最原始最基础的QtXml模块去解析，毕竟QtXml模块肯定是一直在的，这是相当基础的模块，无论以后Qt7还是Qt100肯定都会有。
之前用ffmpeg解码的时候，已经做了硬解码的处理，比如支持qsv、dxva2、d3d11va等方式进行硬解码处理，但是当时解码出来以后，还是重新转成了QImage来绘制，这样就大打折扣了，尽管可以看到GPU使用率有了，但是依然耗时的操作还是在CPU绘制显示，这就显得很尴尬了，Qt封装了大部分的opengl的操作，直接做成了QOPenGLWidget，既支持ffmpeg解码出来的yuyv格式的数据显示，还支持硬解码出来的nv12格式的数据显示，很好很强大，这样的话就大大减轻了CPU的压力，专门交给GPU绘制，经过这么一番彻底的改造，效率提升至少5倍，不要太牛逼！如果开启了opengl绘制，则对应内存会增加不少，可能opengl绘制需要开辟很多的内存来交换数据吧。
预置位在视频监控系统中是不可或缺的存在，响应预置位功能的前提是要带预置位的云台球机，有些普通的云台球机其实不带预置位的，这个要检查清楚，硬件上不支持该功能的，你再怎么点也没反应。在这个视频监控系统的使用过程中，就有不少的用户会问这个问题，为啥他点了云台没法应之类的，前提是要硬件支持才行啊。
继3月下旬马斯克称Cybertruck电动皮卡将没有门把手后，今天上午，马斯克又在推特上发文称：Cybertruck的原型车，本周末将会在纽约展出。
在所有的视频监控系统中，双击摄像机的节点，对应摄像机加载到当前焦点通道显示，这个都是必须具备的功能，还有一些厂家会做双击NVR节点，自动加载该NVR下的所有摄像机全部显示，从通道1开始到通道16或者32，知道排满，或者双击对应的分组，分组下面的所有摄像机自动加载显示视频，这个基础效果在Qt中还是很好实现的，入门级别，唯独双击父节点加载节点下的所有视频，我们知道QTreeWidget默认双击父节点是折叠功能，那怎么取消这个功能呢？或者仅仅是限制单击父节点的+-号来实现折叠和展开，这个就需要用到事件过滤器，事件过滤器的优先级别很高，可以直接优先拿到对应的事件，然后进行处理，处理完成以后如果不需要继续传递下去可以直接return true即可，这样就不会再执行该事件了。
全屏切换这个功能点属于简单的，一般会做到右键菜单中，也提供了快捷键比如alt+enter来触发，恢复全屏则按esc即可，全屏处理基本上都是隐藏通道面板以外的窗体，保持最大化展示，由于采用了模块化的堆栈窗体qstackwidget来处理，这样还需要提供信号通知主界面来隐藏对应的不需要显示的控件。
上一篇文章写的是onvif设备搜索，搜到这些设备以后，第一件事情就是要对设备信息获取一下，比如获取视频流地址，配置套件信息、码流信息、分辨率大小等，这些信息的获取根据具体的需要去获取，也没有必要全部获取，毕竟很可能大部分的信息用不到，按需编码永远都是第一原则，第二原则才是考虑拓展性和稳定性，如果基本的需求都实现不了，那就不是一个真正的软件，考虑再多的拓展性和稳定性都是白搭，说的严重一点就是：所有编程语言都是垃圾，能解决实际需求并变现才是王道！
通道切换在视频监控系统中是最基础的必备功能，一般都会提供1通道+4通道+6通道+8通道+9通道+16通道这几个通道切换，可能做得比较好的还会提供24通道+32通道的，这个可能对电脑的配置就有一定要求了，一般来说，超过9个通道实时显示视频流，基本上会采用子码流来显示，如果都采用主码流，电脑压力非常巨大，CPU占用很高，内存也高，不过现在的电脑配置越来越高，基本上四千多的台式机，配置已经非常好了，显示个16个通道的实时视频毫无压力。 Qt中的布局非常好用，尤其是QGridLayout表格布局，可以指定行列放置控件，而且还可以设置每个控件占用几行几列，这样就可以完美的实现各种通道布局了。比如6通道，可以设置通道1占用两行两列，其他通道各站一行一列即可，当切换布局的时候，其他隐藏即可。
如果不设置这段代码，会发生奇怪的现象，这是因为浏览器有自己的对图片和一些其他元素的拖放处理，会在我们拖放时自动运行，这与我们的拖放处理产生了冲突。
在视频监控系统中，对摄像机进行时间设置也是很有必要的，这样就和服务器或者软件这边统一了时间，一般在摄像机的画面上可以设置OSD标识当前时间，这样存储到视频文件中回放的时候，也能和本地的时间一致，一般的视频监控系统默认都会开启ONVIF校时，通过标准的公开的onvif协议来对前端摄像机设备进行时间设置，当然也可以获取时间。前端摄像机设备和后端管理软件或者服务器时间统一是非常重要的一个因素，本人经历过很多视频监控系统相关的项目，很多时候的报修情况就是因为前端设备时间和服务器端不一致的情况，导致的各种奇奇怪怪的问题。
面板开关功能是整个系统最人性化的功能之一，可以对主界面中左侧右侧的各个小面板进行显示和隐藏，当隐藏的时候，另外的同级面板自动拉伸填充，这样就不会显得空洞，直接在每个面板的右上角提供了关闭按钮，也可以直接在顶部鼠标右键弹出菜单控制每个面板的显示和隐藏，面板的显示和隐藏以后，自动更新菜单的文字，保证永远都一致，有时候拖动位置乱了或者关闭了所有的，需要提供一个恢复所有面板的功能，做在右键菜单中，一次性恢复所有面板的显示。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM
