springboot+vue大屏对接实时监控rtsp协议18屏同时播放

	本id最近又有个头疼的功能某个产业园有100多个监控设备。想要同时投放的商务楼的大屏上。一下是客户提供的资料:

1.摄像头100多,
2.大屏做个类似自动轮播,每次18个画面,
3.监控协议是rtsp推流。
4.监控H265编码
本id是第一次做这个实时播放,晚上找里很多资料,发现不少问题如下:
1.rtsp协议需要转化http
2.每次轮动18画面,浏览器只支持6路视频,需要nginx做个中转,最少3个端口.
3.2K像素转码延时问题。
4.H265编码问题
要解决上面问题,排除网上那些websoket,vcl播放器,某些视频插件之类的,我已经不想吐槽了,
websoket那些本质还是做rtsp协议转码成前端支持的协议,vcl更不用说了只支持ie浏览器早都闭了。一些视频插件还是收费的,不过用p股想也知道本质还是走的接流,转码推流。
透过现象看本质,转码是唯一的出路。呵呵~
总体流程
1.首先引入javacv
2.H265编码找客户商量改成H264。不同意就算了,自己转
3.FFmpegFrameGrabber拉取rtsp协议视频流
4.如果是H265,再用FFmpegFrameRecorder转成http协议的flv视频和H264编码
5.不要问为什么不m8u3切片之类的,用了就知道取舍
6.服务器内存32G,cpu8核心

按照这个思路,恭喜你半成品完成了,请看cpu

请添加图片描述
最后就是性能调优。前面已经说过了,H265编码改成H264编码就不用转码,直接拉流推流,cpu无需考虑了。否则按一下步骤
1.只抓关键帧FFmpegFrameRecorder.setVideoOption(“skip_frame”, “nokey”);
2.像素调低一点recorder.setPixelFormat(avutil.AV_PIX_FMT_YUV420P);
3.放大招,用辅路拉流,众所周知摄像头分为主码流,辅码流。

附上代码资源需要的下载

  • 10
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
对接支付宝接口涉及到前后端的交互,具体步骤如下: 1. 在支付宝开放平台注册开发者账号,并创建应用获取应用的AppID、公钥、私钥等信息。 2. 后端(Spring Boot)部分: - 引入支付宝SDK,可以使用官方提供的SDK或者第三方封装的SDK。 - 在应用配置文件中配置支付宝相关参数,如AppID、公钥、私钥等。 - 编写接口用于生成支付宝订单信息,并将订单信息返回给前端。 - 编写接口用于接收支付宝异步通知,验证支付结果并处理业务逻辑。 - 编写接口用于查询订单状态等其他操作。 3. 前端(Vue)部分: - 使用支付宝提供的前端组件,如扫码支付组件、H5支付组件等。 - 在前端页面中引入支付宝提供的组件,并配置相关参数,如AppID、订单信息等。 - 编写逻辑处理用户支付成功或失败的回调方法,并提示用户支付结果。 4. 后端与前端通信: - 后端提供生成订单信息的接口,前端调用该接口获取订单信息。 - 前端将订单信息传递给支付宝前端组件,并完成支付操作。 - 支付宝将支付结果以异步通知的形式发送给后端,后端接收并验证支付结果。 - 后端处理支付结果,更新订单状态等业务逻辑。 需要注意的是,在实际操作中还需要考虑安全性、异常处理、日志记录等方面的内容,以确保支付流程的稳定和安全。同时,支付宝也提供了详细的开发文档和示例代码,可以参考官方文档进行具体操作。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

我要长胖�

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值