海康摄像头，WEB有插件开发

1.引用js

<script type="text/javaScript" src="./hk/webVideoCtrl.js"></script>
<script type="text/javaScript" src="./hk/cryptico.min.js"></script>
<script type="text/javaScript" src="./hk/jquery-1.7.1.min.js"></script>

2. 引用WebVideo.js

import $ from "jquery";const WebVideo = {g_iWndIndex: 0, //可以不用设置这个变量，有窗口参数的接口中，不用传值，开发包会默认使用当前选择窗口g_oLocalConfig: null, //本地配置ERROR_CODE_UNKNOWN: 1000, //未知错误ERROR_CODE_NETWORKERROR: 1001, //网络错误ERROR_CODE_PARAMERROR: 1002,//登录模块ERROR_CODE_LOGIN_NOLOGIN: 2000, // 未登录ERROR_CODE_LOGIN_REPEATLOGIN: 2001, //设备已登录，重复登录ERROR_CODE_LOGIN_NOSUPPORT: 2002, //当前设备不支持Digest登录//预览播放ERROR_CODE_PLAY_PLUGININITFAIL: 3000, //插件初始化失败ERROR_CODE_PLAY_NOREPEATPLAY: 3001, //当前窗口已经在预览ERROR_CODE_PLAY_PLAYBACKABNORMAL: 3002, //回放异常ERROR_CODE_PLAY_PLAYBACKSTOP: 3003, //回放停止ERROR_CODE_PLAY_NOFREESPACE: 3004, //录像过程中，硬盘容量不足// 对讲ERROR_CODE_TALK_FAIL: 5000, //语音对讲失败version: 'V3.3.0build20230322',/*** 播放插件初始化*/init: function (options) {return new Promise((resolve, reject) => {WebVideoCtrl.I_InitPlugin({bWndFull: true, //是否支持单窗口双击全屏，默认支持 true:支持 false:不支持iWndowType: options.iWndowType, //分屏类型：1- 1*1，2- 2*2，3- 3*3，4- 4*4 默认值为 1，单画面bDebugMode: true, //JS 调试模式，控制台打印调试信息，true(开启)，false(关闭)cbInitPluginComplete: function () {//嵌入播放插件WebVideoCtrl.I_InsertOBJECTPlugin(options.domId).then(() => {//插件版本比较，也可以检测插件是否安装，在插件嵌入之前就要进行检测/*WebVideoCtrl.I_CheckPluginVersion().then((bFlag) => {if (bFlag) {console.log("检测到新的插件版本，双击开发包目录里的HCWebSDKPlugin.exe升级！");}});*/resolve({code:200,msg:'初始化成功'});}, () => {resolve({code:-1,msg:'插件初始化失败，请确认是否已安装插件；如果未安装，请双击开发包目录里的HCWebSDKPlugin.exe安装！'});});}})})},/*** 登录设备* szIP 设备的 IP 地址* iPrototocol  http 协议，1 表示 http 协议 2 表示 https 协议* iPort 登录设备的 http/https 端口号* szUserName 登录用户名称* szPassword 用户密码*/clickLogin: function (options) {return new Promise((resolve, reject) => {let szIP =  options.host,szPort = options.port,szUsername = options.account,szPassword = options.password;if ("" == szIP || "" == szPort) {return;}let szDeviceIdentify = szIP + "_" + szPort;WebVideoCtrl.I_Login(szIP, 1, szPort, szUsername, szPassword, {timeout: 3000,success: function (xmlDoc) {//console.log(szDeviceIdentify + " 登录成功！")resolve({code:200,msg:'登录成功！'});WebVideo.ip = szDeviceIdentify;},error: function (oError) {if (WebVideo.ERROR_CODE_LOGIN_REPEATLOGIN === oError.errorCode) {console.log(szDeviceIdentify + " 已登录过！")} else {//console.log(szDeviceIdentify + " 登录失败！")resolve({code:-1,msg:'登录失败！'});}}});})},/*** 数字通道* 获取对应的通道id*/getChannelInfo:function (){return new Promise((resolve, reject) => {let szDeviceIdentify = WebVideo.ip;if (null == szDeviceIdentify) {return;}// 数字通道WebVideoCtrl.I_GetDigitalChannelInfo(szDeviceIdentify, {success: function (xmlDoc) {let oChannels = $(xmlDoc).find("InputProxyChannelStatus"),ports = [], ids = [];$.each(oChannels, function () {let id = $(this).find("id").eq(0).text();let portDescriptor = $(this).find("ipAddress").eq(0).text();ids.push(id)ports.push(portDescriptor)})WebVideo.iChannelID = ids;WebVideo.ports = ports;console.log(szDeviceIdentify + " 数字通道获取成功！", xmlDoc)resolve({code:200,msg:'数字通道获取成功！'});},error: function (oError) {console.log(szDeviceIdentify + " 数字通道");resolve({code:-1,msg:'数字通道获取失败！'});}});})},/*** 开始预览* iStreamType  码流类型 1-主码流  2-子码流* iWndIndex 数组下标*/clickStartRealPlay: function (item1,iStreamType) {return new Promise((resolve, reject) => {let iWndIndex = WebVideo.ports.findIndex(item => item === item1.host);let oWndInfo = WebVideoCtrl.I_GetWindowStatus(WebVideo.g_iWndIndex),szDeviceIdentify = WebVideo.ip;if (null == szDeviceIdentify) {return;}let startRealPlay = function () {WebVideoCtrl.I_StartRealPlay(szDeviceIdentify, {iWndIndex:0,iStreamType: iStreamType ? iStreamType : 1,iChannelID: WebVideo.iChannelID[iWndIndex],bZeroChannel: false,iPort: 554,success: function () {//console.log(szDeviceIdentify + "开始预览成功！");resolve({code:200,msg:'开始预览成功！'});},error: function (oError) {//console.log(szDeviceIdentify + " 开始预览失败！", oError.errorCode, oError.errorMsg);resolve({code:-1,msg:'开始预览失败！'});}});};if (oWndInfo != null) { // 已经在播放了，先停止console.log('已经在播放了，先停止')setTimeout(() =>{WebVideoCtrl.I_Stop({success: function () {startRealPlay();}},1000);})} else {console.log('开始播放')startRealPlay();}})},/*** 开始预览* iStreamType  码流类型 1-主码流  2-子码流* iWndIndex 数组下标*/clickStartRealPlayNew: function (iWndIndex,iStreamType) {return new Promise((resolve, reject) => {let oWndInfo = WebVideoCtrl.I_GetWindowStatus(WebVideo.g_iWndIndex),szDeviceIdentify = WebVideo.ip;if (null == szDeviceIdentify) {return;}let startRealPlay = function () {WebVideoCtrl.I_StartRealPlay(szDeviceIdentify, {iWndIndex:0,iStreamType:iStreamType ? iStreamType : 1,iChannelID: WebVideo.iChannelID[iWndIndex],bZeroChannel: false,iPort: 554,success: function () {//console.log(szDeviceIdentify + "开始预览成功！");resolve({code:200,msg:'开始预览成功！'});},error: function (oError) {//console.log(szDeviceIdentify + " 开始预览失败！", oError.errorCode, oError.errorMsg);resolve({code:-1,msg:'开始预览失败！'});}});};if (oWndInfo != null) { // 已经在播放了，先停止console.log('已经在播放了，先停止')setTimeout(() =>{WebVideoCtrl.I_Stop({success: function () {startRealPlay();}},1000);})} else {console.log('开始播放')startRealPlay();}})},/*** 搜索录像* iWndIndex 数组下标* szStartTime 开始时间* szEndTime 结束时间*/clickRecordSearch: function (item1, szStartTime, szEndTime) {return new Promise((resolve, reject) => {let iWndIndex = WebVideo.ports.findIndex(item => item === item1.host);let szDeviceIdentify = WebVideo.ip;if (null == szDeviceIdentify) {return;}WebVideoCtrl.I_RecordSearch(szDeviceIdentify, WebVideo.iChannelID[iWndIndex], szStartTime, szEndTime, {iStreamType: 1,success: function (xmlDoc) {if ("MORE" === $(xmlDoc).find("responseStatusStrg").eq(0).text()) {for(let i = 0, nLen = $(xmlDoc).find("searchMatchItem").length; i < nLen; i++) {let szPlaybackURI = $(xmlDoc).find("playbackURI").eq(i).text();console.log(szPlaybackURI)}}else if ("OK" === $(xmlDoc).find("responseStatusStrg").eq(0).text()) {//console.log(szDeviceIdentify + " 搜索录像文件成功！");resolve({code:200,msg:'搜索录像文件成功！'});}else if("NO MATCHES" === $(xmlDoc).find("responseStatusStrg").eq(0).text()) {//console.log(szDeviceIdentify + " 没有录像文件！");resolve({code:-1,msg:'没有录像文件！'});}},error: function (oError) {//console.log(szDeviceIdentify + " 搜索录像文件失败！", oError.errorCode, oError.errorMsg);resolve({code:-1,msg:'搜索录像文件失败！'});}})})},/*** 开始回放* iStreamType  码流类型 1-主码流  2-子码流* iWndIndex 数组下标* szStartTime 开始时间* szEndTime 结束时间* iChannelID  0:普通摄像头01  1:行为分析01  2人流量摄像头01*/clickStartPlayback: function (item1,szStartTime,szEndTime) {return new Promise((resolve, reject) => {let iWndIndex = WebVideo.ports.findIndex(item => item === item1.host);let oWndInfo = WebVideoCtrl.I_GetWindowStatus(WebVideo.g_iWndIndex),szDeviceIdentify = WebVideo.ip;if (null == szDeviceIdentify) {return;}let startPlayback = function () {WebVideoCtrl.I_StartPlayback(szDeviceIdentify, {iPort: 554,iStreamType: 1,iChannelID: WebVideo.iChannelID[iWndIndex],szStartTime: szStartTime,szEndTime: szEndTime,success: function () {//console.log(szDeviceIdentify + "开始回放成功！ ");resolve({code:200,msg:'开始回放成功！'});},error: function (oError) {//console.log(szDeviceIdentify + '开始回放失败！', oError.errorCode, oError.errorMsg);resolve({code:-1,msg:'开始回放失败！'});}});};// 已经在播放了，先停止if (oWndInfo != null) {console.log('已经在播放了，先停止')setTimeout(() =>{WebVideoCtrl.I_Stop(WebVideo.g_iWndIndex,{success: function () {startPlayback();}},1000);})} else {console.log('开始播放')startPlayback();}})},/*** 全部停止预览*/I_StopAllPlay(){WebVideoCtrl.I_StopAllPlay();},/*** 暂停**/clickPause() {let oWndInfo = WebVideoCtrl.I_GetWindowStatus(WebVideo.g_iWndIndex),szInfo = "";if (oWndInfo != null) {WebVideoCtrl.I_Pause({success: function () {console.log(oWndInfo.szDeviceIdentify + "暂停成功！");},error: function (oError) {console.log(oWndInfo.szDeviceIdentify + '暂停失败！', oError.errorCode, oError.errorMsg);}});}},/*** 恢复*/clickResume() {let oWndInfo = WebVideoCtrl.I_GetWindowStatus(WebVideo.g_iWndIndex),szInfo = "";if (oWndInfo != null) {WebVideoCtrl.I_Resume({success: function () {console.log(oWndInfo.szDeviceIdentify + "暂停成功！");},error: function (oError) {console.log(oWndInfo.szDeviceIdentify + '暂停失败！', oError.errorCode, oError.errorMsg);}});}},/*** 全屏* isFull 是否全屏：true-全屏 false-退出全屏*/clickFullScreen(){WebVideoCtrl.I_FullScreen(true).then(() => {console.log("全屏成功");}, (oError) => {console.log("全屏失败！", oError.errorCode, oError.errorMsg);});},/*** 退出设备登录*/clickLogout(ip) {return new Promise((resolve,reject) => {let szDeviceIdentify = ip;if (null == szDeviceIdentify) {return;}WebVideoCtrl.I_Logout(szDeviceIdentify).then(() => {console.log(szDeviceIdentify + " " + "退出成功！");resolve();}, () => {console.log(szDeviceIdentify + " " + "退出失败！");});})},/*** 销毁播放插件*/I_DestroyPlugin:function(){WebVideoCtrl.I_DestroyPlugin()},
}export default WebVideo

3. vue页面

<template><div class="dataView"><el-form class="searchForm" :inline="true"><el-form-item label="日期：" label-width="60px"><el-date-picker v-model="dates" @change="handleDuration" type="datetimerange" value-format="yyyy-MM-dd HH:mm:ss" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期"></el-date-picker></el-form-item><el-form-item><el-button type="primary" size="small" icon="el-icon-search" @click="searchChange">查询</el-button><el-button type="primary" size="small" icon="el-icon-search" @click="stopAllPlay(1)">全局暂停</el-button><el-button type="primary" size="small" icon="el-icon-search" @click="stopAllPlay(2)">全局注销</el-button></el-form-item></el-form><div class="content"><div v-for="(item,index) in list" :key="index"><div class="divPlugin-box" :id="'divPlugin' + index"></div><div class="address"><div>{{item.address}}</div><img v-if="!isSearch" @click="fullScreen(index)" style="width: 16px;height: 16px;margin-right: 0" src="./WebVideoCtrl-icon3.png"/></div><div v-if="isSearch" class="progress"><img @click="stopPlay(index)" v-if="item.isShow" src="./WebVideoCtrl-icon1.png"/><img @click="realPlay(index)" v-else src="./WebVideoCtrl-icon2.png"/><div class="progress-box"><el-slider v-model="item.openTime" @change="handleOpen(item.openTime,index)" :show-tooltip="false"></el-slider></div><div class="dateTime">{{dateTime}}</div><img @click="fullScreen(index)" style="width: 16px;height: 16px;margin-right: 0" src="./WebVideoCtrl-icon3.png"/></div></div></div></div>
</template><script>
import WebVideo from "./WebVideo";
export default {name: "DataView",data() {return {/*** 窗口播放状态：0-没有播放，1-预览，2-回放，3-暂停，4-单帧，5-倒放，6-倒放暂停*/dateTime:'',dates:['2024-10-06 00:00:00','2024-10-06 23:59:59'],list:[{ip: "192.168.32.210", //IP地址port: "80", //端口号username: "admin", //用户名password: "12345678a", //管理员密码address:'普通摄像头01',isShow:true,openTime:0},{ip: "192.168.32.210", //IP地址port: "80", //端口号username: "admin", //用户名password: "12345678a", //管理员密码address:'行为分析01',isShow:true,openTime:0},{ip: "192.168.32.210", //IP地址port: "80", //端口号username: "admin", //用户名password: "12345678a", //管理员密码address:'2人流量摄像头01',isShow:true,openTime:0}],isShow:true,isFull:false,isSearch:false};},created() {/*** 调用按时间回放接口之后，调用I_GetOSDTime获取当前OSD时间，然后自己根据开始时间和结束时间计算回放进度。* 定位的时候根据进度计算新的回放时间点，停止之前的回放之后从新的时间点重新开始回放*/this.initLogin();this.getTime(this.dates[0],this.dates[1]);},methods: {async stopAllPlay(type){for(let i = 0; i < this.list.length; i++){if(type === 1){await this.stopPlay(i)} else {await this.destroyAllPlay(i)}}},handleOpen(time,i){// 将开始时间 转换成时间戳let startStamp = new Date(this.dates[0]).getTime();// 将结束时间 转换成时间戳let endStamp = new Date(this.dates[1]).getTime();let timestamp = endStamp - startStamp;let timestampNew = startStamp + ( timestamp * ( time / 100) );let date = new Date(timestampNew);let Y = date.getFullYear() + '-';let M = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) + '-';let D = (date.getDate() < 10 ? '0' + date.getDate() : date.getDate()) + ' ';let h = (date.getHours() < 10 ? '0' + date.getHours() : date.getHours()) + ':';let m = (date.getMinutes() < 10 ? '0' + date.getMinutes() : date.getMinutes()) + ':';let s = (date.getSeconds() < 10 ? '0' + date.getSeconds() : date.getSeconds()) + '.';let ms = date.getMilliseconds() < 100 ? '0' + date.getMilliseconds() : date.getMilliseconds();let newStartTime = Y + M + D + h + m + s + ms;this.handleSearch('divPlugin' + i,i,newStartTime)},/*** 全屏*/fullScreen(i){return new Promise((resolve) => {setTimeout(() =>{WebVideo.init({domId:'divPlugin' + i,iWndowType:1}).then(() => {setTimeout(() =>{WebVideo.clickFullScreen();resolve();},1000)})},1000)})},/*** 暂停*/destroyAllPlay(i){return new Promise((resolve) => {WebVideo.init({domId:'divPlugin' + i,iWndowType:1}).then(() => {setTimeout(() =>{WebVideo.I_DestroyPlugin();resolve();},1000)})})},/*** 暂停*/stopPlay(i){return new Promise((resolve) => {WebVideo.init({domId:'divPlugin' + i,iWndowType:1}).then(() => {setTimeout(() =>{WebVideo.clickPause();this.list[i].isShow = false;resolve();},1000)})})},/*** 开始*/realPlay(i){return new Promise((resolve) => {WebVideo.init({domId:'divPlugin' + i,iWndowType:1}).then(() => {setTimeout(() =>{//开始预览WebVideo.clickStartRealPlayNew(i,2);this.list[i].isShow = true;resolve();},1000)})})},/*** 计算总时长*/handleDuration(){if(this.dates.length > 0){let startTime = this.dates[0], endTime = this.dates[1]// 将开始时间 转换成时间戳let startStamp = new Date(startTime).getTime();// 将结束时间 转换成时间戳let endStamp = new Date(endTime).getTime();let timestamp = (endStamp - startStamp) / 1000;const hours = Math.floor(timestamp / 3600); // 转换为小时const minutes = Math.floor(((timestamp % 3600) / 60) % 60); // 转换为分钟const seconds = Math.floor(timestamp % 60); // 转换为秒钟const formattedTime = hours + ":" + ("0" + minutes).slice(-2) +":" + ("0" + seconds).slice(-2);this.dateTime = formattedTime;}},/*** 查询*/async searchChange(){if(!this.dates || (this.dates && this.dates.length === 0)){this.$message.warning('请选择日期');return}this.isSearch = true;this.handleDuration();for(let i = 0; i < this.list.length; i++){await this.handleSearch('divPlugin' + i,i,this.dates[0])}},/*** 查询并回放*/handleSearch(domId,index,startTime){return new Promise((resolve) => {//初始化WebVideo.init({domId:domId,iWndowType:1}).then(() => {console.log(domId)setTimeout(() => {WebVideo.I_StopAllPlay();setTimeout(() =>{WebVideo.clickRecordSearch(index,startTime,this.dates[1]).then(() =>{setTimeout(() =>{WebVideo.clickStartPlayback(index,startTime,this.dates[1]);resolve();},1000)})},1000)},1000)})})},/*** 登录*/async initLogin(){for(let i = 0; i < this.list.length; i++){await this.VideoPlayers('divPlugin' + i,this.list[i],i)}},/*** 登录并预览*/VideoPlayers(domId,options,index){return new Promise((resolve) => {//初始化WebVideo.init({domId:domId,iWndowType:1}).then(() => {setTimeout(() => {//判断是否登录，如果登录，则直接开始预览if(index !== 0 && this.list[index].ip === this.list[index-1].ip && this.list[index].port === this.list[index-1].port){WebVideo.clickStartRealPlay(index);resolve();} else {//设备登录WebVideo.clickLogin(options).then(() => {setTimeout(() =>{//获取数字通道WebVideo.getChannelInfo().then(() =>{setTimeout(() =>{//开始预览WebVideo.clickStartRealPlay(index);resolve();},1000)})},1000)})}},1000)})})}},
}
</script><style lang="less">
.dataView {width: 100vw;height: 80vh;margin: 0;padding: 0;overflow-y: auto;.searchForm{text-align: left;margin-top: 10px;margin-left: 10px;}.content{width: calc(100% - 20px);display: flex;margin-left: 20px;>div{width: 380px;height: auto;margin-right: 20px;border: 1px solid #EEEEEE;.divPlugin-box{width: 380px;height: 214px;z-index: 111;}.address{margin: 12px 14px 16px;font-weight: bold;font-size: 16px;color: #333333;text-align: left;display: flex;align-items: center;justify-content: space-between;}.progress{width: calc(100% - 2rem);height: 26px;display: flex;align-items: center;justify-content: space-between;margin: 16px;img{width: 26px;height: 26px;margin-right: 10px;cursor: pointer;}.progress-box{height: 14px;width: 220px;}.dateTime{font-weight: bold;font-size: 16px;color: #333333;margin: 0 12px;}}}}.colorStyle{border: 1px solid red;}
}
.el-slider__runway{margin: 1px 0 !important;height: 10px !important;background-color: rgba(42, 94, 254, 0.3) !important;border-radius: 5px !important;
}
.el-slider__button-wrapper{top: -13px !important;
}
.el-slider__bar{height: 10px !important;border-radius: 5px !important;
}
.el-slider__button{width: 4px !important;height: 14px !important;border:0 !important;background-color: #409EFF !important;border-radius: 2px !important;
}
.divPlugin-title{position: absolute;width: 100%;height: 40px;line-height: 40px;border: 1px solid red;z-index: 222;
}
</style>

4.海康摄像头开发demo地址

海康开放平台 

5.参考资料

Vue 海康监控多屏幕展示 WebVideoCtrl 3.3.0-CSDN博客

Vue 75 ，前端播放RTSP视频流，使用FLV请求RTSP视频流播放（Vue项目，在Vue中使用插件flv.js请求RTSP视频流播放）-CSDN博客

海康web无插件开发，多屏同时预览_海康威视sdk同时在网页打开3个实时预览-CSDN博客

海康威视web开发包开发使用说明_javascript_fenghuashao-华为开发者空间

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/bicheng/64260.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

【教程】如何下载WandB平台的运行数据？

【教程】如何下载WandB平台的运行数据？

【教程】如何下载WandB平台的运行数据&#xff1f; 前言 CSDN主页&#xff1a;https://blog.csdn.net/rvdgdsva 博客园主页&#xff1a;https://www.cnblogs.com/hassle Weights & Biases (WandB)是一个用于机器学习的平台&#xff0c;它提供了一套工具来帮助你跟踪、比…
阅读更多...
vscode设置终端代理

vscode设置终端代理

转载请标明出处&#xff1a;小帆的帆的博客 设置终端代理 修改项目的.vscode/settings.json {"terminal.integrated.env.windows": {"http_proxy": "http://127.0.0.1:7890","https_proxy": "http://127.0.0.1:7890"}, }…
阅读更多...
【Linux】自定义项目-进度条

【Linux】自定义项目-进度条

更多精彩内容..... &#x1f389;❤️播主の主页✨&#x1f618; Stark、-CSDN博客 准备工作&#xff1a;"\r"与"\n"字符 ①&#xff1a;基本含义 在C语言和Linux环境中&#xff0c;\r是回车符&#xff0c;\n是换行符&#xff0c;用于控制文本格式和输出…
阅读更多...
Linux从0到1——初识线程【什么是线程/线程控制/详解tid】

Linux从0到1——初识线程【什么是线程/线程控制/详解tid】

Linux从0到1——初识线程 1. 什么是线程&#xff1f;1.1 线程的概念1.2 结合代码理解线程1.3 重谈地址空间1.4 线程的优缺点 2. 线程异常和线程用途3. Linux进程VS线程4. 详解pthread_create的arg参数4.1 给线程传参4.2 一次创建多个线程 5. 线程控制5.1 线程退出5.2 线程分离5…
阅读更多...
[免费]SpringBoot+Vue校园社团管理系统(优质版)【论文+源码+SQL脚本】

[免费]SpringBoot+Vue校园社团管理系统(优质版)【论文+源码+SQL脚本】

大家好&#xff0c;我是java1234_小锋老师&#xff0c;看到一个不错的SpringBootVue校园社团管理系统(优质版)&#xff0c;分享下哈。 项目视频演示 【免费】SpringBootVue校园社团管理系统(优质版) Java毕业设计_哔哩哔哩_bilibili 项目介绍 随着信息技术的迅速发展&#x…
阅读更多...
114 二叉树展开为链表

114 二叉树展开为链表

解题思路&#xff1a; \qquad 题目中已经明确&#xff0c;要用先序遍历的顺序展开&#xff0c;那么就需要按照“中-左-右”的顺序遍历二叉树&#xff0c;剩下的问题在于如何在遍历过程中完成链表指针的更新。 \qquad 由于“右子节点”需要链接到左子树最后一个节点之后&#…
阅读更多...
Kylin麒麟操作系统 | Nginx服务部署

Kylin麒麟操作系统 | Nginx服务部署

目录 一、理论储备1. Nginx概述2. Nginx与Apache的区别3. Nginx的服务配置 二、任务实施任务1 Nginx的编译安装1. Server配置2. 客户端测试 任务2 Nginx反向代理1. Server1配置2. Server2配置3. 客户端测试 一、理论储备 1. Nginx概述 Nginx是一个轻量级的web服务器&#xff…
阅读更多...
类OCSP靶场-Kioptrix系列-Kioptrix Level 1

类OCSP靶场-Kioptrix系列-Kioptrix Level 1

一、前情提要 二、实战打靶 1. 信息收集 1.1. 主机发现 1.2. 端口扫描 1.3 目录爆破 1.4. 敏感信息 2.根据服务搜索漏洞 2.1. 搜索exp 2.2. 编译exp 2.3. 查看exp使用方法&#xff0c;并利用 3. 提权 二、第二种方法 一、前情提要 Kioptrix Level是免费靶场&#x…
阅读更多...
Golang囊地鼠gopher

Golang囊地鼠gopher

开发知识点-golang 介绍红队专题-Golang工具Fscan简介主要功能ubuntu 安装windows 安装常用命令：项目框架源文件common目录Plugins目录Webscan目录入口点插件扫描类型爆破插件common.ScantypeWebtitle函数webpoc扫描POC 执行CEL-GO 实践CEL指纹识别免杀源码特征参考链接红队专…
阅读更多...
快速上手Spring注解、SpringAop

快速上手Spring注解、SpringAop

1 Spring 注解的使用 1 IOC 的概念 IOC&#xff08;Inversion of Control&#xff09;&#xff1a;控制反转。 使用对象时&#xff0c;由主动new产生对象转换为由外部提供对象&#xff0c;此过程中对象创建控制权由程序转移到外部&#xff0c;此思想称为控制反转。通俗的讲就…
阅读更多...
前端面经-总结篇 http

前端面经-总结篇 http

下面是我在过去12天内&#xff0c;学习关于http的前端面经汇总。现在只是一些很基础的知识&#xff0c;后续还会补充&#xff0c;算是对之前学习的一个总结。 前端面经整理-CSDN博客 我主要参考的题目来源在这里。 本地存储 localstorage&#xff08;本地存储&#xff09;和…
阅读更多...
功能篇：SpringBoot 实现静态、动态定时任务，本地动态定时任务调度

功能篇：SpringBoot 实现静态、动态定时任务，本地动态定时任务调度

在Spring Boot中实现静态和动态定时任务可以通过使用Scheduled注解来配置静态的调度任务&#xff0c;以及通过编程方式创建动态的调度任务。下面我将分别介绍这两种方式。 ### 静态定时任务 对于静态定时任务&#xff0c;你可以直接在方法上使用Scheduled注解&#xff0c;并指定…
阅读更多...
服务器ubuntu重装系统后将原来的用户进行关联

服务器ubuntu重装系统后将原来的用户进行关联

服务器ubuntu重装系统后将原来的用户数据进行关联 关联用户到已存在目录 sudo useradd user_name -m -s /bin/bash -d /home***/name添加sudo权限 vim /etc/sudoers# 文件末尾添加 user_name ALL(ALL:ALL) ALL更改拥有者 sudo chown -R user_name:user_name /home***/na…
阅读更多...
数据地图怎么做？推荐这款数据可视化地图生成器

数据地图怎么做？推荐这款数据可视化地图生成器

在数字化与信息化高速发展的今天&#xff0c;企业迎来了前所未有的发展机遇&#xff0c;规模迅速扩张&#xff0c;市场版图不断延伸。然而&#xff0c;伴随着这种快速的发展&#xff0c;一个不容忽视的问题逐渐浮出水面——如何精准高效地掌握分布在各地的分公司、业务点乃至整…
阅读更多...
鸿蒙项目云捐助第九讲鸿蒙App应用的捐助详情页功能实现

鸿蒙项目云捐助第九讲鸿蒙App应用的捐助详情页功能实现

鸿蒙项目云捐助第九讲鸿蒙App应用的捐助详情页功能实现 这里接下来继续实现捐助详情页的布局页面&#xff0c;也就是当用户进入到分类页面后&#xff0c;点击分类的每一个商品就进入到捐助商品的详情页&#xff0c;这里的布局可以从下面的模板演化而来。 下面根据这个模板来进…
阅读更多...
docker mysql挂载

docker mysql挂载

在提供的 docker run 命令中&#xff0c;已经挂载了三个卷到 MySQL 容器中&#xff1a;日志目录、数据目录和配置目录。然而&#xff0c;还没有挂载一个包含 cube_admin.sql 文件的目录。要将 SQL 文件放入容器中并在 MySQL 中执行它&#xff0c;可以按照以下步骤操作&#xff…
阅读更多...
【数学】矩阵的逆与伪逆 EEGLAB

【数学】矩阵的逆与伪逆 EEGLAB

文章目录 前言matlab代码作用EEGLAB 中的代码总结参考文献 前言 在 EEGLAB 的使用中&#xff0c;运行程序时出现了矩阵接近奇异值&#xff0c;或者缩放错误。结果可能不准确。RCOND 1.873732e-20 的 bug&#xff0c;调查 EEGLAB 后发现是 raw 数据的问题。 matlab代码 A_1 …
阅读更多...
【蓝凌表单】JSP组件常用语法整理

【蓝凌表单】JSP组件常用语法整理

JSP组件常用语法整理 必填非必填写法//必填 $("[name=extendDataFormInfo.value(fd_344677482769e2)]").attr("validate","requiredvalue"); //非必填 $(
阅读更多...
Redis 数据备份与恢复

Redis 数据备份与恢复

Redis 数据备份与恢复 1. 引言 Redis 作为一款高性能的键值数据库，被广泛应用于各种场景，如缓存、消息队列等。由于其重要性，对 Redis 数据进行定期备份是保证数据安全的关键措施。本文将详细介绍 Redis 数据的备份与恢复方法，确保在数据丢失或系统故障时能够迅速恢复。 …
阅读更多...
音视频入门基础：MPEG2-TS专题（17）——FFmpeg源码中，解析TS program map section的实现

音视频入门基础：MPEG2-TS专题（17）——FFmpeg源码中，解析TS program map section的实现

一、引言 由《音视频入门基础&#xff1a;MPEG2-TS专题&#xff08;16&#xff09;——PMT简介》可以知道&#xff0c;PMT表&#xff08;Program map table&#xff09;由一个或多个段&#xff08;Transport stream program map section&#xff0c;简称TS program map sectio…
阅读更多...
最新文章

Copyright @ 2022~2023