当前位置: 首页 > news >正文

使用javacv对摄像头视频转码并实现播放

要实现Java接受RTSP流解码,并推送给前端实现播放实时流,可以使用一些流媒体处理库,比如JavaCV或者FFmpeg等。以下是一个简单的示例代码:

1.控制层方面的

根据视频rtsp流链接打开转换,通过响应写出流到前台使用flvjs播放视频

 一个播放器销毁时,将对应转换器线程暂停

@RestController
@RequestMapping("flv")
public class FlvVideoController {@Autowiredprivate IFLVService iflvService;/*** 根据视频rtsp流链接打开转换,通过响应写出流到前台使用flvjs播放视频* @param url 视频链接* @param httpServletResponse 响应请求* @author xufeng*/@RequestMapping(method = RequestMethod.GET, value = "/open/{param}")public void open(@PathVariable(value = "param") String url, HttpServletResponse httpServletResponse) {try {System.out.println("==url="+url);if(StringUtils.isBlank(url)) {url="";}BASE64Decoder base64Decoder = new BASE64Decoder();//获取当前登录用户主键String userId = "1";//String userId = UserContext.getCurrentUser().getId();//为保持url长度,需要先对前端传来的url进行base64解码,再调用flvService接口iflvService.open(new String(base64Decoder.decodeBuffer(url)), userId, httpServletResponse);} catch (Exception e) {e.printStackTrace();}}/*** 一个播放器销毁时,将对应转换器线程暂停* @author xufeng* @param videoUrl 视频流链接* @return EosDataTransferObject*/@ResponseBody@RequestMapping(method = RequestMethod.GET, value = "/closeTransThread")public JsonResult closeTransThread(/*@RequestParam(value = "videoUrl") String videoUrl*/) {try {String videoUrl="rtsp://admin:xxx:554/cam/realmonitor?channel=1&subtype=0";//视频流链接为空直接返回if (StringUtils.isBlank(videoUrl)) {return new JsonResult();}//获取当前登录用户主键String userId = "1";//String userId = UserContext.getCurrentUser().getId();//使用主键获取当前所有转换器ConcurrentHashMap<String, Converter> conMaps = ConverterRegistration.getAllConverters(userId);//通过视频流链接取对应的转换器Converter converter = ConverterRegistration.isExist(videoUrl, conMaps);if (null != converter) {//暂停转换器线程,1分钟无新线程创建,该线程即被销毁converter.exit();}} catch (Exception e) {e.printStackTrace();}return new JsonResult();}}

2.视频流转换接口

public interface IFLVService {/*** 打开一个流地址** @param url rtsp流链接* @param userId 用户主键* @param response 响应请求* @author xufeng*/void open(String url,String userId, Object response);}
FLV流转换
@Service("flvService")
public class FLVService implements IFLVService {/*** 打开一个流地址,写入response* @param url 流地址* @param userId 用户主键* @param object HttpServletResponse* @author xufeng*/@Overridepublic void open(String url, String userId, Object object) {//创建转换器线程并启动Converter c = ConverterRegistration.open(url, userId);//UUID设置一个key值String key = UUID.randomUUID().toString();//创建输出字节流OutputStreamEntity outEntity = new OutputStreamEntity(new ByteArrayOutputStream(), System.currentTimeMillis(),key);//添加流输出System.out.println("==添加流输出=="+key);c.addOutputStreamEntity(key, outEntity);try {HttpServletResponse response = (HttpServletResponse) object;//设置响应头response.setContentType("video/x-flv");response.setHeader("Connection", "keep-alive");response.setStatus(HttpServletResponse.SC_OK);//写出缓冲信息,并清空response.flushBuffer();//循环读取outEntity里的流输出给前台System.out.println(c.getConverterState()+"==(response)循环读取outEntity里的流输出给前台==");readFlvStream(c, outEntity, response);} catch (Exception e) {//客户端长连接过程中被异常关闭,关闭该长连接对应的转换器线程c.exit();e.printStackTrace();//c.removeOutputStreamEntity(outEntity.getKey());}}/*** 递归读取转换好的视频流** @param c 转换器* @param outEntity 输出流* @param response 响应* @author xufeng* @throws Exception*/public void readFlvStream(Converter c, OutputStreamEntity outEntity, HttpServletResponse response)throws Exception {//根据转换器状态来决定是继续等待、读取、结束流输出switch (c.getConverterState()) {case INITIAL:Thread.sleep(300);readFlvStream(c, outEntity, response);break;case OPEN:Thread.sleep(100);//System.out.println("=== OPEN递归读取转换好的视频流=="+c.getUrl());readFlvStream(c, outEntity, response);break;case RUN:if (outEntity.getOutput().size() > 0) {byte[] b = outEntity.getOutput().toByteArray();outEntity.getOutput().reset();response.getOutputStream().write(b);outEntity.setUpdateTime(System.currentTimeMillis());}System.out.println("=== RUN递归读取转换好的视频流=="+c.getUrl());c.setUpdateTime(System.currentTimeMillis());Thread.sleep(100);readFlvStream(c, outEntity, response);break;case CLOSE://log.info("close");break;default:break;}}}

3.转换

public class ConverterRegistration {/*** 转换器集合(根据用户ID分类)*/private static ConcurrentHashMap<String, ConcurrentHashMap<String, Converter>> converters = new ConcurrentHashMap<>();/*** 线程池*/private static ExecutorService executorService = Executors.newCachedThreadPool();/*** 开始一个转换<br/>* 如果已存在这个流的转换就直接返回已存在的转换器* @author xufeng* @param url 视频流链接* @param userId 用户主键* @return converter*/public static Converter open(String url, String userId) {System.out.println("===开始一个转换==="+url);//判断当前用户是否存在转换器线程集合,没有则新建ConcurrentHashMap<String, Converter> concurrentHashMap = converters.get(userId);if (concurrentHashMap == null) {concurrentHashMap = new ConcurrentHashMap<>(16);converters.put(userId, concurrentHashMap);}//判断是否已存在该转换器Converter c = isExist(url, concurrentHashMap);System.out.println("===判断是否已经存在转换器=="+c);try {if (null == c) {String key = UUID.randomUUID().toString();//创建线程c = new ConverterFactories(url, UUID.randomUUID().toString(), converters.get(userId));//记录到集合concurrentHashMap.put(key, c);//c.start();//用线程池启动executorService.execute((Runnable) c);}}catch (Exception e) {e.printStackTrace();}//如果该线程存在,但处于停止状态,则重新设置状态播放if (!c.isRuning()) {//设置运行状态c.setRuning(true);//设置初始化标志c.setState(ConverterState.INITIAL);//线程池启动executorService.execute((Runnable) c);}return c;}/*** 如果流已存在,就共用一个* @author xufeng* @param url 链接* @param concurrentHashMap 转换器集合* @return converter*/public static Converter isExist(String url, ConcurrentHashMap<String, Converter> concurrentHashMap) {//遍历集合,根据url判断是否已存在该流视频for (Converter c : concurrentHashMap.values()) {if (url.equals(c.getUrl())) {return c;}}return null;}/*** 返回集合中的所有转换器* @author xufeng* @param userId 用户主键* @return converters*/public static ConcurrentHashMap<String, Converter> getAllConverters(String userId){return converters.get(userId);}
}

4.使用javacv

public class ConverterFactories extends Thread implements Converter {/*** 运行状态*/public volatile boolean runing = true;/*** 读流器*/private FFmpegFrameGrabber grabber;/*** 转码器*/private FFmpegFrameRecorder recorder;/*** 转FLV格式的头信息<br/>* 如果有第二个客户端播放首先要返回头信息*/private byte[] headers;/*** 保存转换好的流*/private ByteArrayOutputStream stream;/*** 流地址,h264,aac*/private String url;/*** 流输出*/private Map<String, OutputStreamEntity> outEntitys;/*** 当前转换器状态*/private ConverterState state = ConverterState.INITIAL;/*** key用于表示这个转换器*/private String key;/*** 上次更新时间<br/>* 客户端读取是刷新<br/>* 如果没有客户端读取,会在一分钟后销毁这个转换器*/private long updateTime;/*** 转换队列*/private Map<String, Converter> factories;public ConverterFactories(String url, String key, Map<String, Converter> factories) {this.url = url;this.key = key;this.factories = factories;this.updateTime = System.currentTimeMillis();}@Overridepublic void run() {try {//使用ffmpeg抓取流,创建读流器grabber = new FFmpegFrameGrabber(url);//如果为rtsp流,增加配置if ("rtsp".equals(url.substring(0, 4))) {//设置打开协议tcp / udpgrabber.setOption("rtsp_transport", "tcp");//设置未响应超时时间 0.5秒grabber.setOption("stimeout", "500000");//设置缓存大小,提高画质、减少卡顿花屏//grabber.setOption("buffer_size", "1024000");//设置视频比例//grabber.setAspectRatio(1.7777);} else {grabber.setOption("timeout", "500000");}grabber.start();stream = new ByteArrayOutputStream();outEntitys = new ConcurrentHashMap<>();//设置转换状态为打开state = ConverterState.OPEN;//创建转码器recorder = new FFmpegFrameRecorder(stream, grabber.getImageWidth(),grabber.getImageHeight(),grabber.getAudioChannels());//配置转码器recorder.setFrameRate(grabber.getFrameRate());recorder.setSampleRate(grabber.getSampleRate());if (grabber.getAudioChannels() > 0) {recorder.setAudioChannels(grabber.getAudioChannels());recorder.setAudioBitrate(grabber.getAudioBitrate());recorder.setAudioCodec(grabber.getAudioCodec());//设置视频比例//recorder.setAspectRatio(grabber.getAspectRatio());}recorder.setFormat("flv");recorder.setVideoBitrate(grabber.getVideoBitrate());recorder.setVideoCodec(grabber.getVideoCodec());recorder.start(grabber.getFormatContext());//进入写入运行状态state = ConverterState.RUN;if (headers == null) {headers = stream.toByteArray();stream.reset();for (OutputStreamEntity o : outEntitys.values()) {o.getOutput().write(headers);}}int errorNum = 0;//线程运行时while (runing) {//FFmpeg读流压缩AVPacket k = grabber.grabPacket();if (k != null) {try {//转换器转换recorder.recordPacket(k);} catch (Exception e) {}byte[] b = stream.toByteArray();stream.reset();for (OutputStreamEntity o : outEntitys.values()) {if (o.getOutput().size() < (1024 * 1024)) {o.getOutput().write(b);}}errorNum = 0;} else {errorNum++;if (errorNum > 500) {break;}}}} catch (Exception e) {//log.error(e.getMessage(), e);state = ConverterState.ERROR;} finally {closeConverter();//log.info("exit");state = ConverterState.CLOSE;factories.remove(this.key);}}/*** 退出转换*/public void closeConverter() {try {//停止转码器if (null != recorder) {recorder.stop();}//停止、关闭读流器grabber.stop();grabber.close();//关闭转码器if (null != recorder) {recorder.close();}//关闭流if (null != stream) {stream.close();}if (null != outEntitys) {for (OutputStreamEntity o : outEntitys.values()) {o.getOutput().close();}}} catch (Exception e) {e.printStackTrace();//log.error(e.getMessage(), e);}}@Overridepublic String getKey() {return this.key;}@Overridepublic String getUrl() {return this.url;}@Overridepublic ConverterState getConverterState() {return this.state;}@Overridepublic void addOutputStreamEntity(String key, OutputStreamEntity entity) {try {switch (this.state) {case INITIAL:Thread.sleep(100);addOutputStreamEntity(key, entity);break;case OPEN:outEntitys.put(key, entity);break;case RUN:entity.getOutput().write(this.headers);outEntitys.put(key, entity);break;default:break;}} catch (Exception e) {//log.error(e.getMessage(), e);}}@Overridepublic void setUpdateTime(long updateTime) {this.updateTime = updateTime;}@Overridepublic long getUpdateTime() {return this.updateTime;}@Overridepublic void exit() {//设置线程状态为非运行状态,最后会进入finally块关闭读流器、转码器、流this.runing = false;try {this.join();} catch (Exception e) {e.printStackTrace();//log.error(e.getMessage(), e);}}@Overridepublic OutputStreamEntity getOutputStream(String key) {if (outEntitys.containsKey(key)) {return outEntitys.get(key);}return null;}@Overridepublic Map<String, OutputStreamEntity> allOutEntity() {return this.outEntitys;}@Overridepublic void removeOutputStreamEntity(String key) {this.outEntitys.remove(key);}@Overridepublic boolean isRuning() {return runing;}@Overridepublic void setRuning(boolean runing) {this.runing = runing;}@Overridepublic void setState(ConverterState state) {this.state = state;}
}

rtsp流转换器接口

public interface Converter {/*** 设置线程状态* @param state 状态标志*/void setState(ConverterState state);/*** 获取该转换的key*/public String getKey();/*** 获取该转换的url** @return*/public String getUrl();/*** 获取转换的状态** @return*/public ConverterState getConverterState();/*** 添加一个流输出** @param entity*/public void addOutputStreamEntity(String key, OutputStreamEntity entity);/*** 所有流输出** @return*/public Map<String, OutputStreamEntity> allOutEntity();/*** 移除一个流输出** @param key*/public void removeOutputStreamEntity(String key);/*** 设置修改时间** @param updateTime*/public void setUpdateTime(long updateTime);/*** 获取修改时间** @return*/public long getUpdateTime();/*** 退出转换*/public void exit();/*** 启动*/public void start();/*** 获取输出的流** @param key* @return*/public OutputStreamEntity getOutputStream(String key);/*** 判断线程是否在运行* @return boolean*/public boolean isRuning();/*** 设置运行状态* @param runing 运行标志*/public void setRuning(boolean runing);
}

6.输出视频流

public class OutputStreamEntity {public OutputStreamEntity(ByteArrayOutputStream output, long updateTime, String key) {super();this.output = output;this.updateTime = updateTime;this.key = key;}/*** 字节数组输出流*/private ByteArrayOutputStream output;/*** 更新时间*/private long updateTime;/*** key标识*/private String key;public ByteArrayOutputStream getOutput() {return output;}public void setOutput(ByteArrayOutputStream output) {this.output = output;}public long getUpdateTime() {return updateTime;}public void setUpdateTime(long updateTime) {this.updateTime = updateTime;}public String getKey() {return key;}public void setKey(String key) {this.key = key;}}
转换器状态(初始化、打开、关闭、错误、运行)
public enum ConverterState {INITIAL, OPEN, CLOSE, ERROR, RUN
}
public class JsonResult extends HashMap<String, Object> implements Serializable {private static final long serialVersionUID = 1L;public static final int SUCCESS = 200;public JsonResult() {}/*** 返回成功*/public static JsonResult ok() {return ok("操作成功");}/*** 返回成功*/public static JsonResult okFallBack() {return okFallBack("操作成功");}/*** 返回成功*/public JsonResult put(Object obj) {return this.put("data", obj);}/*** 返回成功*/public static JsonResult ok(String message) {return result(200, message);}/*** 降级函数 - 返回成功*/public static JsonResult okFallBack(String message) {return result(205, message);}/*** 返回成功*/public static JsonResult result(int code, String message) {JsonResult jsonResult = new JsonResult();jsonResult.put("timestamp", System.currentTimeMillis());jsonResult.put("status", code);jsonResult.put("message", message);return jsonResult;}/*** 返回失败*/public static JsonResult error() {return error("操作失败");}/*** 返回失败*/public static JsonResult error(String message) {return error(500, message);}/*** 返回失败*/public static JsonResult error(int code, String message) {JsonResult jsonResult = new JsonResult();jsonResult.put("timestamp", System.currentTimeMillis());jsonResult.put("status", code);jsonResult.put("message", message);return jsonResult;}/*** 设置code*/public JsonResult setCode(int code) {super.put("status", code);return this;}/*** 设置message*/public JsonResult setMessage(String message) {super.put("message", message);return this;}/*** 放入object*/@Overridepublic JsonResult put(String key, Object object) {super.put(key, object);return this;}/*** 权限禁止*/public static JsonResult forbidden(String message) {JsonResult jsonResult = new JsonResult();jsonResult.put("timestamp", System.currentTimeMillis());jsonResult.put("status", 401);jsonResult.put("message", message);return jsonResult;}/*@Overridepublic String toString() {return JSONObject.toJSONString(this);}public JSONObject toJSONObject() {return JSONObject.parseObject(toString());}*/}

7.前端展现

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style type="text/css">
*{margin: 0px;padding: 0px;overflow: hidden;
}
video{object-fit:fill;width: 100%;height: 100%;
}
</style>
</head>
<body><div class="video-video-div"><video id="video" width="100%" height="100%"></video></div><input type="text" id="url" value="rtsp://127.0.0.1/myvideo"><button id="play">play</button>
</body>
<script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="js/flv.min.js"></script>
<script type="text/javascript">var videoObject={init:function(id,src){var self=this;this.src=src;this.id=id;this.flvPlayer = flvjs.createPlayer({type: 'flv',url:src,isLive: true,hasAudio: false,hasVideo: true,enableStashBuffer: true},{});this.flvPlayer.attachMediaElement(document.getElementById(id));this.flvPlayer.load();this.flvPlayer.play();this.reLoad=function(){self.flvPlayer.unload();self.flvPlayer.destroy();window.v=videoObject.init(self.id,self.src);}return this;}}
$(function(){$("#play").click(function(){var src=$("#url").val();if($.trim(src)!=""){if(window.v){window.v.flvPlayer.unload();window.v.flvPlayer.destroy();}window.v=videoObject.init("video","/flv/open/"+window.btoa(src));}	});});//获取地址栏参数
function getParameter(name,win){var params;if(null==win||undefined==win){params = window.location.search;}else{params = win.location.search;}params = params.substring(1, params.length);params = params.split("&");for (var i =0; i < params.length; i++){var items = params[i].split("=");var pname = items[0];if(pname == name){return items[1];}}
}
</script>
</html>

相关文章:

使用javacv对摄像头视频转码并实现播放

要实现Java接受RTSP流解码&#xff0c;并推送给前端实现播放实时流&#xff0c;可以使用一些流媒体处理库&#xff0c;比如JavaCV或者FFmpeg等。以下是一个简单的示例代码&#xff1a; 1.控制层方面的 根据视频rtsp流链接打开转换&#xff0c;通过响应写出流到前台使用flvjs播…...

Linux网络-Socket套接字_Windows与Linux端双平台基于Udp传输协议进行多线程跨平台的服务器与客户端网络通信的简易聊天室实现

文章目录 一、Socket套接字二、Udp 常见API1. int socket(int domain, int type, int protocol);2. int bind(int socket, const struct sockaddr *address, socklen_t address_len);struct sockaddr 3. ssize_t recvfrom(int socket, void *restrict buffer, size_t length, i…...

20分钟快速入门SQL

SQL&#xff08;Structured Query Language&#xff0c;结构化查询语言&#xff09;是一种专门用来管理和操作关系型数据库的编程语言。以下是SQL入门的一些基础概念和教程&#xff1a; 1. SQL基础 数据库&#xff08;Database&#xff09;&#xff1a;存储数据的集合。表&am…...

汇总区间,合并区间

题目一&#xff1a; 代码如下&#xff1a; vector<string> summaryRanges(vector<int>& nums) {vector<string> ret;if (nums.size() 0)return ret;int n nums.size();int i 0;while (i < n){int prev i;i;while (i < n && nums[i] n…...

Web程序设计-实验05 DOM与BOM编程

题目 【实验主题】 影视网站后台影视记录管理页设计 【实验任务】 1、浏览并分析多个网站后台的列表页面、编辑页面&#xff08;详见参考资源&#xff0c;建议自行搜索更多后台页面&#xff09;的主要元素构成和版面设计&#xff0c;借鉴并构思预期效果。 2、新建 index.h…...

Window系统安装Docker

因为docker只适合在liunx系统上运行&#xff0c;如果在window上安装的话&#xff0c;就需要开启window的虚拟化&#xff0c;打开控制面板&#xff0c;点击程序&#xff0c;在程序和功能中可以看到启动和关闭window功能&#xff0c;点开后&#xff0c;找到Hyper-V&#xff0c;Wi…...

RabbitMQ不完整的笔记

同步的不足 1、拓展性差&#xff0c;当要添加功能时&#xff0c;需要在原来的功能代码上做修改&#xff0c;高耦合。 2、性能下降&#xff0c;调用者需要等待服务提供者执行完返回结果后&#xff0c;才能继续向下执行 3、级联失败&#xff0c;由于我们是基于OpenFeign调用交易…...

微软Edge浏览器深度解析:功能、同步、隐私与安全

微软Edge浏览器是微软公司开发的一款网页浏览器,它基于Chromium内核,提供了快速、安全和兼容性良好的网页浏览体验。以下是关于微软Edge浏览器的详细信息和使用指南: 微软Edge浏览器的主要特点: 1. 基于Chromium内核: 渲染引擎:Chromium内核是基于开源项目Blink的,它…...

网络性能测试工具:iperf3介绍

文章目录 前言一、iperf3 的安装和使用下载和安装参数说明 二、iperf3 测试服务端启动客户端启动服务端输出反向测试客户端服务端 前言 新接触的网络环境如何评估网络带宽和吞吐量呢&#xff0c;有的项目没有对业务流量进行合理规划&#xff0c;服务或者中间件出口带宽经常有被…...

scp:Linux系统本地与远程文件传输命令

scp 是Linux系统中用于在本地主机和远程主机之间进行文件传输的命令。 详细说明&#xff1a; scp 命令用于安全地将文件从一个主机传输到另一个主机&#xff0c;所有传输数据都是加密的。语法&#xff1a; scp [参数] [源文件路径] [目标主机:目标路径] 参数说明&#xff1a…...

python基础(习题、资料)

免费提取资料&#xff1a; 练习、资料免费提取。持续更新迅雷云盘https://pan.xunlei.com/s/VNz6kH1EXQtK8j-wwwz_c0k8A1?pwdrj2x# 本文为Python的进阶知识合辑&#xff0c;包括列表&#xff08;List&#xff09;、元组&#xff08;Tuple&#xff09;、字典&#xff08;Dic…...

shell脚本免交互

shell脚本的编写一方面为了减少我们命令的输入&#xff0c;另一方面也可以进行简单的自动化运行&#xff0c;其中为了实现自动化过程&#xff0c;一个很重要的点就是免交互&#xff0c;本篇文章跟大家简单分享两个常用的免交互的方法。 Here Document Here document 通过内联重…...

WPF学习笔记:给文字添加线性渐变效果

<TextBox Text"XXX信息管理系统" VerticalAlignment"Center" Background"Transparent" HorizontalAlignment"Center" FontSize"35" FontWeight"Normal"> <TextBox.Effect> <…...

Fully Convolutional Networks for Semantic Segmentation--论文笔记

论文笔记 资料 1.代码地址 2.论文地址 https://arxiv.org/abs/1411.4038 3.数据集地址 论文摘要的翻译 卷积网络是强大的视觉模型&#xff0c;可以产生特征层次结构。我们表明&#xff0c;卷积网络本身&#xff0c;经过端到端&#xff0c;像素对像素的训练&#xff0c;在…...

Camworks编程怎么样:深度解析其四大特点、五大应用领域、六大优势与七大挑战

Camworks编程怎么样&#xff1a;深度解析其四大特点、五大应用领域、六大优势与七大挑战 Camworks编程&#xff0c;作为计算机辅助制造&#xff08;CAM&#xff09;领域的一款重要软件&#xff0c;近年来在制造业中得到了广泛的应用。那么&#xff0c;Camworks编程究竟怎么样呢…...

【Linux】操作系统之冯诺依曼体系

&#x1f389;博主首页&#xff1a; 有趣的中国人 &#x1f389;专栏首页&#xff1a; Linux &#x1f389;其它专栏&#xff1a; C初阶 | C进阶 | 初阶数据结构 小伙伴们大家好&#xff0c;本片文章将会讲解 操作系统中 冯诺依曼体系 的相关内容。 如果看到最后您觉得这篇文…...

c++ QT 实现QMediaPlayer播放音频显示音频级别指示器

文章目录 效果图概述代码总结 效果图 概述 QMediaPlayer就不介绍了&#xff0c;就提供了一个用于播放音频和视频的媒体播放器 QAudioProbe 它提供了一个探针&#xff0c;用于监控音频流。当音频流被捕获或播放时&#xff0c;QAudioProbe 可以接收到音频数据。这个类在需要访问…...

失之毫厘差之千里之load和loads

起源 最近在读pandas库的一些文档的时候&#xff0c;顺便也会将文档上的一些demo在编辑器中进行运行测试&#xff0c;其中在读到pandas处理Json数据这一节的时候&#xff0c;我还是像往常一样&#xff0c;将文档提供的demo写一遍&#xff0c;结果在运行的时候&#xff0c;直接…...

element ui在移动端的适配问题

element ui在移动端的适配问题 问题1&#xff1a; 给el-table表头添加背景色&#xff0c;使用以下代码 :header-row-style“{ background: ‘linear-gradient(90deg, #0079FA 0%, #00C7DD 100%)’ }” 在安卓手机上显示正常&#xff0c;在ios手机上显示背景色添加到每一个th中…...

堆排序详细理解

目录 一、前备知识 二、建堆 2.2.1 向上调整算法建堆 2.2.2 向下调整算法建堆 三、排序 3.1 常见问题 3.2 思路 3.3 源码 一、前备知识 详细图解请点击&#xff1a;二叉树的顺序实现-堆-CSDN博客 本文只附上向上/向下调整算法的源码 //交换 void Swap(int* p, int* …...

RK3588+FPGA+AI高性能边缘计算盒子,应用于视频分析、图像视觉等

搭载RK3588&#xff08;四核 A76四核 A55&#xff09;&#xff0c;CPU主频高达 2.4GHz &#xff0c;提供1MB L2 Cache 和 3MB L3 &#xff0c;Cache提供更强的 CPU运算能力&#xff0c;具备6T AI算力&#xff0c;可扩展至38T算力。 产品规格 系统主控CPURK3588&#xff0c;四核…...

07-操作元素(键盘和鼠标事件)

在前面的文章中重点介绍了一些元素的定位方法&#xff0c;定位到元素后&#xff0c;就需要操作元素了。本篇总结了web页面常用的一些操作元素方法&#xff0c;可以统称为行为事件。 一、简单操作 点击按钮&#xff08;鼠标左键&#xff09;&#xff1a;click()清空输入框&…...

3389,为了保障3389端口的安全,我们可以采取的措施

3389端口&#xff0c;作为远程桌面协议&#xff08;RDP&#xff09;的默认端口&#xff0c;广泛应用于Windows操作系统中&#xff0c;以实现远程管理和控制功能。然而&#xff0c;正因为其广泛使用&#xff0c;3389端口也成为许多潜在安全威胁的入口。因此&#xff0c;确保3389…...

Java集合【超详细】2 -- Map、可变参数、Collections类

文章目录 一、Map集合1.1 Map集合概述和特点【理解】1.2 Map集合的基本功能【应用】1.3 Map集合的获取功能【应用】1.4 Map集合的两种遍历方式 二、HashMap集合2.1 HashMap集合概述和特点【理解】2.2 HashMap的组成、构造函数2.3 put、查找方法2.4 HashMap集合应用案例【应用】…...

最佳 Mac 数据恢复:恢复 Mac 上已删除的文件

尝试过许多 Mac 数据恢复工具&#xff0c;但发现没有一款能达到宣传的效果&#xff1f;我们重点介绍最好的 Mac 数据恢复软件 没有 Mac 用户愿意担心数据丢失&#xff0c;但您永远不知道什么时候会发生这种情况。无论是意外删除 Mac 上的重要文件、不小心弄湿了 Mac、感染病毒…...

芋道系统,springboot+vue3+mysql实现地址的存储与显示

1.效果图 2.前端实现&#xff1a; <el-form-item label"地址" prop"entrepriseAddress"><el-cascaderv-model"formData.entrepriseAddress"size"large":options"region"/></el-form-item> //导入组件 im…...

【C++】C++11新特性:列表初始化、声明、新容器、右值引用、万能引用和完美转发

目录 一、列表初始化 1.1 { } 初始化 1.2 std::initializer_list 二、声明 2.1 auto 2.2 decltype 2.3 nullptr 三、新容器 四、右值引用和移动语义 4.1 左值和左值引用 4.2 右值和右值引用 4.3 左值引用与右值引用比较 4.4 右值引用使用场景和意义&#xff1a;移…...

【IB Protocal Serial--WQE】

IB Protocal Serial--WQE 1 Intro1.1 What1.2 IBA WQE 本系列文章介绍RDMA技术的具体实现–InfiniBand Protocal&#xff1b; Introduce the features, capalities,components, and elements of IBA. the principles of operation. 1 Intro 1.1 What 理解IB协议下面这三句话对…...

C++ 混合运算的类型转换

一 混合运算和隐式转换 257 整型2 浮点5 行吗&#xff1f;成吗&#xff1f;中不中&#xff1f; C 中允许相关的数据类型进行混合运算。 相关类型。 尽管在程序中的数据类型不同&#xff0c;但逻辑上进行这种运算是合理的相关类型在混合运算时会自动进行类型转换&#xff0c;再…...

线性时间选择

给定线性序集中n个元素和一个整数k&#xff0c;1≤k≤n&#xff0c;要求找出这n个元素中第k小的元素 #include<iostream> #include<cstdlib> #include<time.h> using namespace std; int a[100]; int Random(int left,int right) {srand(time(NULL));return …...

【对算法期中卷子的解析和反思】

一、程序阅读并回答问题&#xff08;共30分&#xff09; #include<cstdio>#include<cstring>#include<iostream>using namespace std;char chess[10][10];int sign[10];int n, k, ans;void dfs(int x, int k) { if (k 0){ans;return; } if (xk-1 >…...

sudo apt update sudo: apt: command not found

CentOS或RHEL&#xff08;Red Hat Enterprise Linux&#xff09;系统上&#xff0c;包管理器是yum或dnf&#xff0c;而不是apt。您可以使用yum或dnf来安装软件包。以下是如何在CentOS或RHEL上安装Git的详细步骤&#xff1a; 1. 使用yum安装Git 首先&#xff0c;更新软件包列表&…...

ios:文本框默认的copy、past改成中文复制粘贴

问题 ios 开发&#xff0c;对于输入框的一些默认文案展示&#xff0c;如复制粘贴是英文的&#xff0c;那么如何改为中文的呢 解决 按照路径找到这个文件 ios/项目/Info.plist&#xff0c;增加 <key>CFBundleAllowMixedLocalizations</key> <true/> <…...

Qt moc系统的黑魔法?

Qt的元对象系统&#xff08;Meta-Object System&#xff09;是Qt框架的核心功能之一&#xff0c;为C语言增加了一些动态特性&#xff0c;借助元对象系统Qt可以实现以下功能 信号与槽机制&#xff08;Signals and Slots&#xff09;运行时类型信息&#xff08;Run-Time Type In…...

MyBatis开发中常用总结

文章目录 常用MyBatis参数映射单个参数多个参数使用索引【不推荐】Param注解Map传参POJO【推荐】List数组 动态标签\<if>标签\<trim>标签\<where>标签\<set>标签\<foreach>标签 MyBatis查询一对一一对多 常用MyBatis参数映射 单个参数 XML中可…...

Git基本使用教程(学习记录)

参考文章链接&#xff1a; Git教程&#xff08;超详细&#xff0c;一文秒懂&#xff09; RUNOOB Git教程 Git学习记录 1Git概述 1.1版本控制软件功能 版本管理&#xff1a;更新或回退到历史上任何版本&#xff0c;数据备份共享代码&#xff1a;团队间共享代码&#xff0c;…...

【Linux-RTC】

Linux-RTC ■ rtc_device 结构体■ RTC 时间查看与设置■ 1、时间 RTC 查看■ 2、设置 RTC 时间 ■ rtc_device 结构体 Linux 内核将 RTC 设备抽象为 rtc_device 结构体 rtc_device 结构体&#xff0c;此结构体定义在 include/linux/rtc.h 文件中 ■ RTC 时间查看与设置 ■ 1…...

机器学习目录

文章目录 基本概念有监督学习回归问题分类问题 无监督学习聚类问题异常检测 基本概念 pass 有监督学习 回归问题 通过拟合函数&#xff0c;解决连续值的预测问题梯度下降法优化&#xff1b;最小二乘法求解&#xff1b;度量指标 均方误差&#xff1b;均方根误差&#xff1b;平…...

React开发环境配置详细讲解-04

环境简介 前端随着规范化&#xff0c;可以说规范和环境插件配置满天飞&#xff0c;笔者最早接触的是jquery&#xff0c;那个开发非常简单&#xff0c;只要引入jquery就可以了&#xff0c;当时还写了一套UI框架&#xff0c;至今在做小型项目中还在使用&#xff0c;show一张效果…...

Go 如何通过 Kafka 客户端库 生产与消费消息

文章目录 0.前置说明1. confluent-kafka-go2. sarama3. segmentio/kafka-go4. franz-go选择建议 1.启动 kafka 集群2.安装 confluent-kafka-go 库3.创建生产者特殊文件说明如何查看.log文件内容 4.创建消费者 0.前置说明 Go 语言中有一些流行的 Kafka 客户端库。以下是几个常用…...

【设计模式深度剖析】【B】【结构型】【对比】| 主要区别包装的不同

&#x1f448;️上一篇:享元模式 回 顾&#xff1a;结构型设计模式 1.代理模式&#x1f448;️ 2.装饰器模式&#x1f448;️ 3.适配器模式&#x1f448;️ 4.组合模式&#x1f448;️ 5.桥接模式&#x1f448;️ 6.外观模式&#x1f448;️ 7.享元模式&#x…...

信息学奥赛初赛天天练-17-阅读理解-浮点数精准输出与海伦公式的巧妙应用

PDF文档公众号回复关键字:20240531 1 2023 CSP-J 阅读程序1 阅读程序&#xff08;程序输入不超过数组成字符串定义的范围&#xff1a;判断题正确填√&#xff0c;错误填&#xff1b;除特殊说明外&#xff0c;判断题1.5分&#xff0c;选择题3分&#xff0c;共计40分&#xff0…...

mysql - 为什么MySQL不建议使用NULL作为列默认值?

为什么MySQL不建议使用NULL作为列默认值&#xff1f; InnoDB有4中行格式&#xff1a; Redundant : 非紧凑格式,5.0 版本之前用的行格式,目前很少使用,Compact : 紧凑格式,5.1 版本之后默认行格式,可以存储更多的数据Dynamic , Compressed : 和Compact类似,5.7 版本之后默认使…...

数据分析案例-在线食品订单数据可视化分析与建模分类

&#x1f935;‍♂️ 个人主页&#xff1a;艾派森的个人主页 ✍&#x1f3fb;作者简介&#xff1a;Python学习者 &#x1f40b; 希望大家多多支持&#xff0c;我们一起进步&#xff01;&#x1f604; 如果文章对你有帮助的话&#xff0c; 欢迎评论 &#x1f4ac;点赞&#x1f4…...

构建LangChain应用程序的示例代码:2、使用LangChain库实现的AutoGPT示例:查找马拉松获胜成绩

AutoGPT 示例&#xff1a;查找马拉松获胜成绩 实现 https://github.com/Significant-Gravitas/Auto-GPT&#xff0c;使用LangChain基础组件&#xff08;大型语言模型(LLMs)、提示模板(PromptTemplates)、向量存储(VectorStores)、嵌入(Embeddings)、工具(Tools)&#xff09;。…...

代码随想录算法训练营第三十四 |● 1005.K次取反后最大化的数组和 ● 134. 加油站 ● 135. 分发糖果

今天的解析写在了代码注释中 1005.K次取反后最大化的数组和 讲解链接&#xff1a;https://programmercarl.com/1005.K%E6%AC%A1%E5%8F%96%E5%8F%8D%E5%90%8E%E6%9C%80%E5%A4%A7%E5%8C%96%E7%9A%84%E6%95%B0%E7%BB%84%E5%92%8C.html class Solution { public:static bool cmp(i…...

GB-T 43206-2023 信息安全技术 信息系统密码应用测评要求

GB-T 43206-2023 信息安全技术 信息系统密码应用测评要求 编写背景 随着信息技术的飞速发展&#xff0c;信息系统在社会经济活动中扮演着越来越重要的角色。信息安全问题也随之成为社会关注的焦点。GB-T 43206-2023《信息安全技术 信息系统密码应用测评要求》是针对信息系统中…...

线程进阶-1 线程池

一.说一下线程池的执行原理 1.线程池的七大核心参数 &#xff08;1&#xff09;int corePoolSize&#xff1a;核心线程数。默认情况下核心线程会一直存活&#xff0c;当设置allowCoreThreadTimeout为true时&#xff0c;核心线程也会被超时回收。 &#xff08;2&#xff09;i…...

LabVIEW中PID控制器系统的噪声与扰动抑制策略

在LabVIEW中处理PID控制器系统中的噪声和外部扰动&#xff0c;需要从信号处理、控制算法优化、硬件滤波和系统设计四个角度入手。采用滤波技术、调节PID参数、增加前馈控制和实施硬件滤波器等方法&#xff0c;可以有效减少噪声和扰动对系统性能的影响&#xff0c;提高控制系统的…...

JavaWeb笔记整理+图解——Listener监听器

欢迎大家来到这一篇章——Listener监听器 监听器和过滤器都是JavaWeb服务器三大组件&#xff08;Servlet、监听器、过滤器&#xff09;之一&#xff0c;他们对于Web开发起到了不可缺少的作用。 ps&#xff1a;想要补充Java知识的同学们可以移步我已经完结的JavaSE笔记&#x…...