优化后台前端视频流问题

yanjinhui

2025-11-14 920390be74afb8a585fa0fc2a1359ecb52b1c5af

优化后台前端视频流问题

 ÏîÄ¿´úÂë/Ç°¶Ë/ºǫ́/src/views/tts/PickAndDrop/PickAndDrop.vue

@@ -858,6 +858,10 @@

  rstp.value=srtpaddres[tab.index].left
  rstp1.value=srtpaddres[tab.index].right
   // æ·»åŠ å»¶è¿Ÿç¡®ä¿æ–°æ ‡ç­¾é¡µå®Œå…¨æ¸²æŸ“
  nextTick(() => {
    initVideo();
  });
}

//视频监控
@@ -867,18 +871,28 @@
const initVideo = () => {
  destroyVideo()// å®‰å…¨æ¸…理
  try {
    webRtcServer_left.value = new WebRtcStreamer('video_left', serverUrl)
    webRtcServer_left.value.connect(rstp.value)
    // æ·»åŠ å»¶è¿Ÿç¡®ä¿DOM已渲染
    nextTick(() => {
      const videoLeft = document.getElementById('video_left');
      const videoRight = document.getElementById('video_right');
      
      if (!videoLeft || !videoRight) {
        console.error('Video elements not found');
        return;
      }

    webRtcServer_right.value = new WebRtcStreamer('video_right', serverUrl)
    webRtcServer_right.value.connect(rstp1.value)
      webRtcServer_left.value = new WebRtcStreamer('video_left', serverUrl)
      webRtcServer_left.value.connect(rstp.value)

    console.log('视频初始化完成')
      webRtcServer_right.value = new WebRtcStreamer('video_right', serverUrl)
      webRtcServer_right.value.connect(rstp1.value)

      console.log('视频初始化完成')
    });
  } catch (err) {
    ElMessage.error('视频初始化失败: ' + err.message)
  }
}

//销毁视频函数
const destroyVideo = () => {
  if (webRtcServer_left.value) {

 ÏîÄ¿´úÂë/ºó¶Ë/WCS/WIDESEAWCS_Server/WIDESEAWCS_Server/appsettings.json

@@ -32,10 +32,10 @@
    // æ³¨æ„ï¼Œhttp://127.0.0.1:1818 å’Œ http://localhost:1818 æ˜¯ä¸ä¸€æ ·çš„
    "IPs": "http://127.0.0.1:8080,http://localhost:8080"
  },
  //解决应用程序指标（metrics）数据暴露”的问题
  "Internal": {
    "MetricsKey": "ReplaceThisWithStrongRandomSecret"
  },
  ////解决应用程序指标（metrics）数据暴露”的问题
  //"Internal": {
  //  "MetricsKey": "ReplaceThisWithStrongRandomSecret"
  //},

  "ApiName": "WIDESEA",
  "ExpMinutes": 120,
@@ -45,7 +45,7 @@
  "PrintSql": false, //打印SQL语句
  "LogAOPEnable": false, //是否记录AOP日志
  "WebSocketEnable": true,
  "WebSocketPort": 5175,
  //"WebSocketPort": 5173,
  //"WebSocketPort": 5175, 
  //"WebSocketPort": 5173,//服务器上的
  "DepartmentID": "1" //这个是伸出/伸回的部门id
}//单机版

 ÏîÄ¿´úÂë/ºó¶Ë/ºǫ́¹ÜÀí/WIDESEAWCS_Server/WIDESEAWCS_Server/appsettings.json

@@ -41,8 +41,8 @@
  "LogDeubgEnable": false, //是否记录调试日志
  "PrintSql": false, //打印SQL语句
  "LogAOPEnable": false, //是否记录AOP日志
  "WebSocketEnable": true
  "WebSocketEnable": true,
  //"WebSocketPort": 9260
  //"WebSocketPort": 5174 
  "WebSocketPort": 5174 
}
//后台