DeXun/rtsp-video-analysis-system
9
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修复工作

Browse Source
This commit is contained in:
86156
2025-10-02 15:14:37 +08:00
parent 1deafab5b3
commit 7a31bf7c2a
2 changed files with 9 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
rtsp-vue/src/views/video/device/component/flv.vue
View File

@@ -30,7 +30,7 @@
<el-row :gutter="10" > <el-row :gutter="10" >
<el-col :span="24"> <el-col :span="24">
<div @click="clickVideo(0)" class="selectVideo"> <div @click="clickVideo(0)" class="selectVideo">
<CusPlayer @clickPlayer="clickPlayer" ref="video"></CusPlayer> <JpegPlayer @clickPlayer="clickPlayer" ref="video"></JpegPlayer>
</div> </div>
</el-col> </el-col>
</el-row> </el-row>
@@ -46,6 +46,7 @@ import {ref, onMounted} from 'vue';
import 'xgplayer'; import 'xgplayer';
import FlvJsPlayer from 'xgplayer-flv.js'; import FlvJsPlayer from 'xgplayer-flv.js';
import CusPlayer from './cusPlayer.vue'; import CusPlayer from './cusPlayer.vue';
import JpegPlayer from './jpegPlayer.vue';
import {getDevice} from "@/api/video/device"; import {getDevice} from "@/api/video/device";
const {proxy} = getCurrentInstance(); const {proxy} = getCurrentInstance();
@@ -68,12 +69,11 @@ onMounted(() => {
const getDetails = async (deviceId) => { const getDetails = async (deviceId) => {
const res = await getDevice(deviceId); const res = await getDevice(deviceId);
tableData.value = res.data; tableData.value = res.data;
// 直接访问后端视频流服务器（10083端口），绕过Nginx反代，避免缓冲问题 // 🔧 测试：使用 JavaCV 方案 + WebSocket（推送 JPEG 帧）
// 注意：RTSP URL需要原样传递，不要编码，&&&作为特殊分隔符 // WebSocket 地址格式: ws://host:port/live?url=rtsp://...
// 🔧 测试：使用 JavaCV 方案（不使用 FFmpeg） const videoServerUrl = 'ws://49.232.154.205:10083';
const videoServerUrl = 'http://49.232.154.205:10083'; playUrl.value = `${videoServerUrl}/live?url=${tableData.value.url}`;
playUrl.value = `${videoServerUrl}/live?url=${tableData.value.url}`; // 不加 &&&ffmpeg=true console.log('📺 播放地址（JavaCV WebSocket 方案）:', playUrl.value);
console.log('📺 播放地址（JavaCV 方案）:', playUrl.value);
handlePlay(); handlePlay();
} }

2
ruoyi-video/src/main/java/com/ruoyi/video/thread/MediaTransferFlvByJavacv.java
View File

@@ -214,6 +214,8 @@ public class MediaTransferFlvByJavacv extends MediaTransfer implements Runnable
/** ================ 构造函数与初始化 ================ */ /** ================ 构造函数与初始化 ================ */
public MediaTransferFlvByJavacv(CameraDto camera) { public MediaTransferFlvByJavacv(CameraDto camera) {
cameraDto = camera; cameraDto = camera;
running = true; // 初始化为 true，准备启动
log.info("🎥 创建 JavaCV 媒体传输器: {}", camera.getUrl());
} }
public void setRun(boolean run) { public void setRun(boolean run) {