- 博客(27)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 关于vue2中对接海康摄像头以及直播流rtsp或rtmp，后台ffmpeg转码后通过ws实现
本文介绍了两种实现RTSP视频流在Web端播放的方案：1. 使用Node.js+FFmpeg转码方案：通过FFmpeg将RTSP流转换为MPEG1编码格式，再通过WebSocket实时推送视频帧；前端使用@cycjimmy/jsmpeg-player库实现播放，包含详细的控制界面和错误处理。2. 使用vue-jsmpeg-player方案：同样是基于WebSocket传输，但封装成Vue组件，使用更简便。两种方案都避免了HLS格式的存储问题，实现了RTSP流的实时转码和低延迟播放。
2025-08-07 17:20:20
670
原创 vue中vue.config.js文件后台代理配置
在vue项目中，我们链接后台需要用到在config.js文件中进行后台代理配置，下面就是一些简单的代理配置模板。
2025-03-25 16:55:12
590
原创 vue中上传接口file表单提交二进制文件流
首先使用elementui中的上传组件，设置auto-upload=false，也就是选择文件后不立刻上传。要做一个选择文件后，先不上传，等最后点击确定后，把file二进制流及附加参数一起提交上去。在选择文件后获取到文件file流，把file.raw赋值给form中的rile。需要在请求头设置accept和content-type，不然不行。上传file二进制文件以及参数需要用到FormData。
2025-03-24 11:18:43
810
原创 vue深层表单，或者表格中的表单，选择器等值改变后没有更新视图label
作用： 当在data中某个内容进行了改变、但是页面没有进行刷新、而控制台能进行打印证明数据确实改变了，此时就可以用来强制当前 组件刷新。vue深层表单，或者表格中的表单，选择器等值改变后没有更新视图label，这种一般是因为层级太深，vue响应式视图未更新。第二个方法就是可以给这个表单对象或者数组等，进行赋空值在重新赋值，或者深拷贝一下等，进行一个重新赋值的操作用来更新视图。vue中简单的深拷贝,采用转json在反转json。首先第一个思路可以采用强制刷新方法。
2025-01-07 09:34:45
282
原创 关于前端vue分片上传,大文件切片上传
4.一般切片接口都需要,当前片数下标,总片数,文件名称,切片文件file,,,有的更严谨的接口,需要文件的哈希值一般用md5算法,,来确定文件是否在传输中有损坏丢失,就是前端根据文件生成的md5,后端根据获取的到file生成md5比较一下一样就说明没丢失,不一样就可能丢失损坏,(哈希md5这些就不详细讲了,就是可以验证信息传输的完整性)前端上传中,经常会遇到几个G或者更大的文件,这时候普通的上传接口很难支撑,就需要对文件进行切割分片,一片一片上传,还可元进行断点续传等。
2024-08-09 13:59:54
514
原创 vue中在线预览word文档,前端进行word文档中关键词搜索高亮(关键词高亮功能可用于所有页面元素)
主要思路,获取指定区域所有元素,innerHTML,找到匹配关键词,用正则替换,加上类元素,添加背景颜色和字体颜色。2.js代码,通过axios,请求会文件流进行解析,url换成自己的文档url。3.如果报错JSZip,就进行安装JSZip引入,就可以了。1.创建div元素,用于解析word文档载体。2.多个关键词时,for循环调用。
2024-01-26 09:54:42
2438
1
原创 VUE前端项目浏览器打开唤醒电脑应用程序(注册表协议,和node两种)
说一下前提,浏览器本身是不支持node这样写法,会报错require找不到,我们项目是使用electron打包后桌面程序的,所以也就是vue项目在electron中使用node。Exec=/opt/apps/com.visualstudio,code.uos/files/code-oss/bin/code-oss，exec是调用的程序路径地址。我们用的国产化申威龙芯,在自己搞electron还得在打包适配对于我们太麻烦了,就直接在龙芯申威社区下载electron,把里面配置项目文件改了就行。
2024-01-06 13:48:37
2776
2
原创 VUE项目使用electron的一些事项
5.如果是直接把dist包复制过来,需要改一下配置,打开main.js,找到mainWindow.loadFile,官方原本是只有index.html,如果是直接大dist包拉过来,index.html替换掉就不需要该,找到的文件都是正确的,复制的dist包的话就要改./dist/index.html找我们自己的文件。4.打包成功后直接可以托入到ele项目下,在npm start运行(觉得太乱也可以把dist包拉过来)2.electron的路由好像得带#然后我就把路由改为哈希模式带#,
2024-01-05 16:38:00
792
1
原创 VUE在线播放展示MP4等视频文件
最近项目需要做一个能在线预览docx,pdf,md,MP4等文件,下面是浏览器在线播放视频文件,选用vue-video-player组件使用,使用就是很简单把后端返回的视频url地址赋予给配置项 this.playerOptions.sources[0].src就
2024-01-04 10:54:16
3032
1
原创 VUE在线预览展示pdf文件
最近项目需要做一个能在线预览docx,pdf,md,MP4等文件,首先pdf文件在平时浏览器中直接window.open(url)都能直接预览,但是我们这个项目是在国产化服务器统信操作系统中运行,它那个浏览器不能直接打开url在线预览,就需要用到组件
2024-01-04 10:20:49
1281
1
原创 VUE在线预览展示md文件
最近项目需要做一个能在线预览docx,pdf,md,MP4等文件,其中md文件通过调研发现使用markdown-it-vue组件挺好用的
2024-01-04 10:11:10
2555
1
原创 RuoYi-Vue-Plus5x项目部署后登录报错:ERROR io.undertow.request - UT005023: Exception handling request to /auth/
idea的jdk需要使用17,必须使用openjdk或者graalvm jdk ,不能使用oracle jdk,RuoYi-Vue-Plus5x下载下来后使用idea打开,maven使用idea自带3.8.1。
2023-12-22 15:03:36
1051
原创 nginx部署前端项目,url带有路由刷新后出现404,路由匹配不上
在使用nginx发布前端时,遇到访问IP+端口可以,但是在有路由的地址刷新后就会404。
2023-12-21 09:25:33
1367
3
原创 前端vue上传时获取文件的md5哈希值
页面上传中的代码,我是用的element的上传组件的方法。使用spark-md5组件。使用组件进行计算哈希值。
2023-12-20 09:38:20
2029
1
原创 vue3+vite适配低版本浏览器(只在谷歌65版本测试了)
项目框架采用的若依的vue3+vite4,打包发布后发现在低版本谷歌浏览器中报错页面进不去。
2023-12-19 10:15:48
5750
2
原创 前端使用tesseract ocr 图文识别,训练自己字库,vue中使用tesseract
tesseract 253.png out -l chi_sim 其中chi_sim文字库,可以多个,eng+chi_sim就是英文加中文。官网下载地址：https://sourceforge.net/projects/vietocr/files/jTessBoxEditor/输完命令就会生成out.txt文件,里面是识别出来的文字。设置环境变量,根据自己文件地址设置,设置好最好重启一下。准备好之后,进入ocr目录下,打开cmd。下载jdk设置环境变量。
2023-11-30 14:32:22
979
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人