修复工作

rtsp-vue/src/views/video/device/component/flv.vue

@@ -68,11 +68,12 @@ onMounted(() => {
 const getDetails = async (deviceId) => {
   const res = await getDevice(deviceId);
   tableData.value = res.data;
-  // 使用当前访问的域名和端口，通过Nginx代理访问视频流
+  // 直接访问后端视频流服务器（10083端口），绕过Nginx反代，避免缓冲问题
   // 注意：RTSP URL需要原样传递，不要编码，&&&作为特殊分隔符
   // 使用 ffmpeg=true，系统 FFmpeg 包含完整的编码器支持（包括 libx264）
-  playUrl.value = `${window.location.origin}/live?url=${tableData.value.url}&&&ffmpeg=true`;
-  console.log('播放地址:', playUrl.value);
+  const videoServerUrl = 'http://49.232.154.205:10083';
+  playUrl.value = `${videoServerUrl}/live?url=${tableData.value.url}&&&ffmpeg=true`;
+  console.log('📺 播放地址（直连后端）:', playUrl.value);
   handlePlay();
 }
 

ruoyi-admin/src/main/resources/application.yml

@@ -149,8 +149,8 @@ xss:
 # 流媒体服务端口
 mediasServer:
   port: ${MEDIA_SERVER_PORT:10083}
-  # 监听地址，支持环境变量配置（默认127.0.0.1，只监听本地，通过Nginx代理）
-  address: ${MEDIA_SERVER_ADDRESS:127.0.0.1}
+  # 监听地址，支持环境变量配置（0.0.0.0 允许外网直接访问）
+  address: ${MEDIA_SERVER_ADDRESS:0.0.0.0}
   # 网络超时，15秒
   netTimeout: 15000000
   # 读写超时，15秒