1、安装nginx-rtmp-module

参考这边：https://blog.csdn.net/Prinz_Corn/article/details/120746676

2、Maven引入JavaCV包

     <dependency><groupId>org.bytedeco</groupId><artifactId>javacv</artifactId><version>1.5.1</version></dependency><dependency><groupId>org.bytedeco</groupId><artifactId>ffmpeg-platform</artifactId><version>4.1.3-1.5.1</version></dependency>

3、编写Java核心代码

import lombok.Setter;
import lombok.extern.slf4j.Slf4j;
import org.bytedeco.ffmpeg.global.avcodec;
import org.bytedeco.javacv.*;@Slf4j
public class MediaVideoTransfer {@Setterprivate String src;@Setterprivate String target;@Setterprivate String transportType;// 帧抓取器(FrameGrabbe)private FFmpegFrameGrabber grabber;// 帧录制器/推流器(FrameRecorder)private FFmpegFrameRecorder recorder;// 是否启动@Setterprivate boolean isStart = false;/*** 开启获取rtsp流*/public void live() {log.info("连接rtsp：" + src + ",开始创建grabber");boolean isSuccess = createGrabber(src);if (isSuccess) {log.info("live:创建grabber成功");} else {log.info("live:创建grabber失败");}startPushStream();}/*** 构造视频抓取器** @param src 拉流地址* @return 创建成功与否*/private boolean createGrabber(String src) {// 获取视频源try {grabber = FFmpegFrameGrabber.createDefault(src);grabber.setOption("rtsp_transport", transportType);grabber.start();isStart = true;recorder = new FFmpegFrameRecorder(target, grabber.getImageWidth(), grabber.getImageHeight(), grabber.getAudioChannels());//avcodec.AV_CODEC_ID_H264recorder.setVideoCodec(avcodec.AV_CODEC_ID_H264);//转码格式recorder.setFormat("flv");//帧率recorder.setFrameRate(grabber.getFrameRate());//采样率recorder.setSampleRate(grabber.getSampleRate());//声道recorder.setAudioChannels(grabber.getAudioChannels());return true;} catch (FrameGrabber.Exception e) {log.error("创建解析FFmpegFrameGrabber失败:", e);this.stop();this.reset();return false;}}/*** 推送流*/private void startPushStream() {if (grabber == null) {log.info("重试连接src：" + src + ",开始创建grabber");boolean isSuccess = createGrabber(src);if (isSuccess) {log.info("push:创建grabber成功");} else {log.info("push:创建grabber失败");}}try {recorder.start();log.info("start recoder");Frame frame;while (isStart && (frame = grabber.grabFrame()) != null) {recorder.setTimestamp(grabber.getTimestamp());recorder.record(frame);}stop();reset();log.info("stop recoder");} catch (FrameGrabber.Exception | RuntimeException | FrameRecorder.Exception e) {log.error("exception", e);stop();reset();}}//停止private void stop() {try {if (recorder != null) {recorder.stop();recorder.release();}if (grabber != null) {grabber.stop();}} catch (Exception e) {log.error("stop exception:", e);}}//重置private void reset() {recorder = null;grabber = null;isStart = false;}
}

4、VUE安装video.js和flv.js

直接执行命令安装：

npm install flv.js
npm install video.js

5、编写前端测试代码

<template><div><video autoplay controls width="100%" height="500" id="videoElement"></video></div>
</template><script>import flvjs from 'flv.js'export default {name: 'liveTes',props: {msg: String},mounted() {this.$nextTick(() => {this.createVideo()})},methods: {createVideo() {if (flvjs.isSupported()) {var videoElement = document.getElementById('videoElement');var flvPlayer = flvjs.createPlayer({type: 'flv',url: '---' //你的拉流rtmp或者http等地址});flvPlayer.attachMediaElement(videoElement);flvPlayer.load();flvPlayer.play();}}}}
</script>

6、运行效果

最后启动前后台程序，运行效果如下，由于是监控视频流就打码了。

整合SpringBoot + Nginx-http-flv-module + JavaCV(FFmpeg) RTSP推流，使用VUE + Flv.js播放相关推荐

windows环境下python使用ffmpeg rtsp推流
rtsp推流 1.下载 rtsp 服务器下载网址: https://github.com/aler9/rtsp-simple-server/releases windows环境下选择windows_a ...
（直播、监控）利用javacv解析rtsp流，转换为flv流，通过前端flv.js解析播放
前情提要:之前利用websocket解析过https://blog.csdn.net/IT_CREATE/article/details/105625858?spm=1001.2014.3001.55 ...
Vue+Video.js播放m3u8视频流(海康威视摄像头+RTMP服务+FFmpeg)
场景 Nginx搭建RTMP服务器+FFmpeg实现海康威视摄像头预览: Nginx搭建RTMP服务器+FFmpeg实现海康威视摄像头预览_BADAO_LIUMANG_QIZHI的博客-CSDN博客 ...
FFmpeg 中 RTSP推流桌面和Android设备延时测试
文章目录 1. FFMPEG 推流: 1.1 FFmpeg 源码准备 1.2 RTSP 推流服务器 2. 执行流程 2.1 启动服务器 2.2 执行桌面推流 2.3 播放 3. 安卓测试 1. FFM ...
Nginx+FFmpeg rtsp转flv实时预览
1.下载nginx 建议非必要不要用Ubuntu的系统不然你肯定会后悔在nginx官网下载合适版本 nginx news 同时下载配置转的nginx模块nginx-http-flv-module ...
nginx实现对websocket加密协议wss协议的反向代理以及websocket整合springboot入门（踩坑）
出发点最近公司需要有一个推送前端消息的需求首选websocket进行推送,也做过客服系统接触过,最近看了一点websocket的相关内容记录总结一下. 什么是websocket websocket ...
ffmpeg api推流，谷歌浏览器播放大华、海康威视网络摄像头rtsp视频流方案（hls、m3u8、flv、webrtc、srs、nginx、nginx-rtmp、rtmp）比较
ffmpeg api推流,谷歌浏览器播放大华.海康威视网络摄像头rtsp视频流方案(hls.m3u8.flv.webrtc.srs.nginx.nginx-rtmp.rtmp)比较将网络摄像头视频流 ...
nginx+ffmpeg+flv实现rtsp转rtmp和flv推流（同时拉流）实现浏览器展示监控
介绍因本人公司业务需要浏览器展示海康威视监控视频,所以在此记录一下.以防下次使用不记得.此监控视频解决方案有10s左右的延迟,如果公司没有强制要求还是可以使用的.如果介意10s延迟的话可以使用第三方 ...
使用Gradle整合SpringBoot+Vue.js-开发调试与打包
为什么80%的码农都做不了架构师?>>> 非常感谢两位作者: kevinz分享的文章<springboot+gradle+vue+webpack 组合使用> 首席卖 ...

整合SpringBoot + Nginx-http-flv-module + JavaCV(FFmpeg) RTSP推流，使用VUE + Flv.js播放

目录

1、安装nginx-rtmp-module

2、Maven引入JavaCV包

3、编写Java核心代码

4、VUE安装video.js和flv.js

5、编写前端测试代码

6、运行效果

整合SpringBoot + Nginx-http-flv-module + JavaCV(FFmpeg) RTSP推流，使用VUE + Flv.js播放相关推荐

最新文章

热门文章