优化生成对口型逻辑

src/pages/projectDetail/projectDetail.js

@@ -102,7 +102,7 @@ const ProjectDetail = () => {
         setProjectAudioPath(null);
         setShowAudioPlayer(false);
       }
-      
+
       // 加载项目视频路径
       if (projectData && projectData.video_path) {
         setProjectVideoPath(projectData.video_path);
@@ -1869,9 +1869,9 @@ const ProjectDetail = () => {
       // 将本地文件上传到Coze获取可访问链接
       toast.info('正在将音频上传到云端...');
       const audioUrl = await cozeUploadService.uploadFileAndGetLink(projectAudioFile);
-      
+
       // 更新项目数据库记录 - 同时保存本地路径和云端链接
-      await bookService.updateBook(parseInt(projectId), { 
+      await bookService.updateBook(parseInt(projectId), {
         audio_path: result.filePath,
         audio_url: audioUrl // 新增字段保存云端链接
       });
@@ -1906,31 +1906,31 @@ const ProjectDetail = () => {
         toast.error('请先上传音频和视频文件');
         return;
       }
-      
+
       // 确认是否开始处理
       if (!window.confirm('确定要开始生成对口型视频吗？此过程可能需要几分钟时间。')) {
         return;
       }
-      
+
       setLipSyncProcessing(true);
       setLipSyncProgress(0);
-      
+
       let audioUrl = project.audio_url; // 尝试使用已保存的云端链接
       let videoUrl = project.video_url; // 尝试使用已保存的云端链接
-      
+
       // 如果没有保存的云端链接，则进行上传
       if (!audioUrl || !videoUrl) {
         toast.info('正在上传音频和视频文件...');
-        
+
         // 异步上传音频和视频
         const uploadResults = await Promise.all([
           !audioUrl ? cozeUploadService.uploadProjectMedia(project.audio_path) : Promise.resolve(audioUrl),
           !videoUrl ? cozeUploadService.uploadProjectMedia(project.video_path) : Promise.resolve(videoUrl)
         ]);
-        
+
         audioUrl = uploadResults[0];
         videoUrl = uploadResults[1];
-        
+
         // 如果成功获取到链接，保存到数据库中以便下次使用
         if (audioUrl && audioUrl !== project.audio_url) {
           try {
@@ -1940,7 +1940,7 @@ const ProjectDetail = () => {
             console.error('保存音频云端链接失败:', error);
           }
         }
-        
+
         if (videoUrl && videoUrl !== project.video_url) {
           try {
             await bookService.updateBook(project.id, { video_url: videoUrl });
@@ -1952,13 +1952,13 @@ const ProjectDetail = () => {
       } else {
         toast.info('使用已保存的音频和视频链接...');
       }
-      
+
       if (!audioUrl || !videoUrl) {
         throw new Error('上传音频或视频文件失败');
       }
-      
+
       toast.success('文件准备完成，开始处理对口型...');
-      
+
       // 开始处理对口型任务
       lipSyncService.processLipSyncTask(
         videoUrl,
@@ -1973,15 +1973,15 @@ const ProjectDetail = () => {
           console.log('对口型处理完成:', resultUrl);
           setLipSyncResultUrl(resultUrl);
           setLipSyncProcessing(false);
-          
+
           // 保存结果到项目
           try {
             await bookService.updateBook(project.id, {
               lip_sync_video_path: resultUrl,
-              video_path: resultUrl, // 同时更新视频路径
+              // video_path: resultUrl, // 同时更新视频路径
               lip_sync_task_id: taskInfo.task_id
             });
-            
+
             toast.success('对口型视频已保存到项目');
             // 重新加载项目详情
             await loadProjectDetail(true);
@@ -2044,7 +2044,7 @@ const ProjectDetail = () => {
               <Card.Body>
                 <Row className="align-items-center">
                   {/* 项目音频 */}
-                  <Col md={3}>
+                  <Col md={6}>
                     <Form.Group>
                       <Form.Label>项目音频</Form.Label>
                       {projectAudioPath && projectAudioPath.trim() !== '' ? (
@@ -2063,16 +2063,16 @@ const ProjectDetail = () => {
                       )}
                     </Form.Group>
                   </Col>
-                  
+
                   {/* 项目视频 */}
                   <Col md={3}>
                     <Form.Group>
                       <Form.Label>项目视频</Form.Label>
                       {project.video_path && project.video_path.trim() !== '' ? (
                         <div className="project-video-container">
-                          <video 
-                            className="w-100" 
-                            controls 
+                          <video
+                            className="w-100"
+                            controls
                             src={project.video_path}
                             style={{ maxHeight: '150px' }}
                           >
@@ -2086,17 +2086,17 @@ const ProjectDetail = () => {
                       )}
                     </Form.Group>
                   </Col>
-                  
+
                   {/* 对口型生成区域 */}
                   <Col md={3}>
                     <Form.Group>
                       <Form.Label>对口型视频</Form.Label>
                       {lipSyncProcessing ? (
                         <div className="lip-sync-progress">
-                          <ProgressBar 
-                            animated 
-                            now={lipSyncProgress} 
-                            label={`${Math.round(lipSyncProgress)}%`} 
+                          <ProgressBar
+                            animated
+                            now={lipSyncProgress}
+                            label={`${Math.round(lipSyncProgress)}%`}
                             className="mb-2"
                           />
                           <div className="text-center">
@@ -2105,9 +2105,9 @@ const ProjectDetail = () => {
                         </div>
                       ) : project.lip_sync_video_path ? (
                         <div className="lip-sync-video-container">
-                          <video 
-                            className="w-100" 
-                            controls 
+                          <video
+                            className="w-100"
+                            controls
                             src={project.lip_sync_video_path}
                             style={{ maxHeight: '150px' }}
                           >
@@ -2118,12 +2118,12 @@ const ProjectDetail = () => {
                         <Alert variant="info" className="mb-0">
                           <small>
                             暂无对口型视频
-                            {(project.audio_path && project.video_path) ? 
+                            {(project.audio_path && project.video_path) ?
                               <div className="mt-1">
                                 <small>
                                   已上传音频和视频文件，可以点击"生成对口型"按钮开始处理
                                 </small>
-                              </div> : 
+                              </div> :
                               <div className="mt-1">
                                 <small>
                                   需要先上传音频和视频文件才能生成对口型
@@ -2134,10 +2134,6 @@ const ProjectDetail = () => {
                         </Alert>
                       )}
                     </Form.Group>
-                  </Col>
-                  
-                  {/* 对口型操作按钮 */}
-                  <Col md={3} className="d-flex align-items-end">
                     <div className="w-100">
                       <Button
                         variant="primary"
@@ -2161,7 +2157,10 @@ const ProjectDetail = () => {
                       </Button>
                     </div>
                   </Col>
-                  
+
+                  {/* 对口型操作按钮 */}
+
+
                   {/* 项目画风选择 */}
                   <Col md={4}>
                     <Form.Group>
@@ -2391,7 +2390,7 @@ const ProjectDetail = () => {
                                 </div>
                               )}
                             </td>
-                            
+
                             <td>
                               {segment.image_path ? (
                                 <div className="media-cell">
@@ -2469,7 +2468,7 @@ const ProjectDetail = () => {
                                 </div>
                               )}
                             </td>
-                            
+
                             <td>
                               <Dropdown>
                                 <Dropdown.Toggle variant="outline-secondary" size="sm" id={`dropdown-${segment.id}`}>
@@ -2523,7 +2522,7 @@ const ProjectDetail = () => {
           </div>
         )}
       </Container>
-      
+
       {/* 合并分镜对话框 */}
       <Modal show={showMergeModal} onHide={() => setShowMergeModal(false)}>
         <Modal.Header closeButton>

src/services/lipSyncService.js

@@ -4,7 +4,10 @@ import { getLipSyncServer } from '../utils/lipSyncConfig';
 
 // 从配置中获取服务器地址
 const getServerUrl = () => {
-  return getLipSyncServer();
+  const serverConfig = getLipSyncServer();
+  const serverUrl = serverConfig.apiUrl || serverConfig;
+  // 移除末尾的斜杠，避免拼接时出现双斜杠
+  return serverUrl.replace(/\/$/, '');
 };
 
 /**
@@ -39,74 +42,152 @@ const testServer = async (serverUrl) => {
 };
 
 /**
- * 提交对口型合成任务
- * @param {string} videoUrl - 视频URL
- * @param {string} audioUrl - 音频URL
- * @returns {Promise<string>} - 返回任务ID
+ * 提交对口型任务
+ * @param {string} videoUrl 视频URL
+ * @param {string} audioUrl 音频URL
+ * @returns {Promise<{id: string}>} 任务信息
  */
 const submitLipSyncTask = async (videoUrl, audioUrl) => {
   try {
-    if (!videoUrl || !audioUrl) {
-      throw new Error('视频URL和音频URL不能为空');
-    }
+    console.log('开始提交对口型任务...');
+    console.log('视频URL:', videoUrl);
+    console.log('音频URL:', audioUrl);
 
+    // 获取服务器地址
     const serverUrl = getServerUrl();
-    const response = await axios.post(`${serverUrl}/direct-lip-sync/`, {
+    if (!serverUrl) {
+      throw new Error('未配置对口型服务器地址');
+    }
+
+    // 构建请求数据
+    const requestData = {
       video_url: videoUrl,
       audio_url: audioUrl
-    }, {
+    };
+
+    const apiUrl = `${serverUrl}/direct-lip-sync/`;
+    console.log('发送对口型任务请求:', {
+      url: apiUrl,
+      data: requestData
+    });
+
+    // 发送POST请求获取任务ID
+    const response = await axios.post(apiUrl, requestData, {
       headers: {
         'accept': 'application/json, text/plain, */*',
+        'accept-language': 'zh-CN,zh;q=0.9',
         'content-type': 'application/json',
         'origin': 'https://heygem.fyshark.com',
-        'referer': 'https://heygem.fyshark.com/'
+        'priority': 'u=1, i',
+        'referer': 'https://heygem.fyshark.com/',
+        'sec-ch-ua': '"Not/A)Brand";v="8", "Chromium";v="126"',
+        'sec-ch-ua-mobile': '?0',
+        'sec-ch-ua-platform': '"macOS"',
+        'sec-fetch-dest': 'empty',
+        'sec-fetch-mode': 'cors',
+        'sec-fetch-site': 'cross-site',
+        'user-agent': 'Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) jianyin_agent/2.4.3 Chrome/126.0.6478.234 Electron/31.7.6 Safari/537.36'
       }
     });
 
-    if (response.data && response.data.length > 0 && response.data[0].task_id) {
-      console.log('对口型任务提交成功:', response.data[0]);
-      return response.data[0].task_id;
-    } else {
+    console.log('对口型任务提交响应:', response.data);
+
+    // 检查响应数据
+    if (!response.data || !response.data.id) {
       console.error('对口型任务提交失败:', response.data);
       throw new Error('提交任务失败，未返回任务ID');
     }
+
+    return {
+      id: response.data.id
+    };
   } catch (error) {
     console.error('提交对口型任务错误:', error);
-    toast.error(`提交对口型任务失败: ${error.message}`);
+    
+    // 处理服务器忙碌的情况
+    if (error.response && error.response.status === 500 && error.response.data && error.response.data.detail === '503: 服务器忙碌中，请稍后再试') {
+      toast.error('服务器正在处理其他任务，请等待当前任务完成后再试');
+      throw new Error('服务器正在处理其他任务，请等待当前任务完成后再试');
+    }
+    
     throw error;
   }
 };
 
 /**
  * 获取对口型任务信息
- * @param {string} taskId - 任务ID
- * @returns {Promise<Object>} - 返回任务信息
+ * @param {string} taskId 任务ID
+ * @returns {Promise<{status: string, progress: number, result_url?: string}>} 任务信息
  */
 const getLipSyncTaskInfo = async (taskId) => {
   try {
-    if (!taskId) {
-      throw new Error('任务ID不能为空');
-    }
+    console.log('获取对口型任务信息:', taskId);
 
+    // 获取服务器地址
     const serverUrl = getServerUrl();
-    const response = await axios.get(`${serverUrl}/direct-lip-sync/?task_id=${taskId}`, {
+    if (!serverUrl) {
+      throw new Error('未配置对口型服务器地址');
+    }
+
+    const apiUrl = `${serverUrl}/direct-lip-sync/${taskId}`;
+    console.log('获取对口型任务状态:', apiUrl);
+
+    // 发送GET请求获取任务状态
+    const response = await axios.get(apiUrl, {
       headers: {
         'accept': 'application/json, text/plain, */*',
+        'content-type': 'application/json',
         'origin': 'https://heygem.fyshark.com',
-        'referer': 'https://heygem.fyshark.com/'
+        'referer': 'https://heygem.fyshark.com/',
+        'sec-ch-ua': '"Chromium";v="134", "Not:A-Brand";v="24", "Google Chrome";v="134"',
+        'sec-ch-ua-mobile': '?0',
+        'sec-ch-ua-platform': '"macOS"',
+        'sec-fetch-dest': 'empty',
+        'sec-fetch-mode': 'cors',
+        'sec-fetch-site': 'cross-site',
+        'user-agent': 'Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/134.0.0.0 Safari/537.36'
       }
     });
 
-    if (response.data && response.data.length > 0) {
-      console.log('对口型任务信息:', response.data[0]);
-      return response.data[0];
-    } else {
-      console.error('获取任务信息失败:', response.data);
-      throw new Error('获取任务信息失败，未返回有效数据');
+    console.log('对口型任务状态响应:', response.data);
+
+    // 检查响应数据
+    if (!response.data) {
+      throw new Error('获取任务状态失败，响应数据为空');
+    }
+
+    // 检查任务ID是否匹配
+    if (response.data.id !== parseInt(taskId)) {
+      throw new Error('未找到指定任务ID的信息');
     }
+
+    // 转换状态码为状态文本
+    let statusText = 'processing';
+    if (response.data.status === 1) {
+      statusText = 'processing';
+    } else if (response.data.status === 2) {
+      statusText = 'completed';
+    } else if (response.data.status === 3) {
+      statusText = 'failed';
+    }
+
+    // 如果有结果URL，拼接完整的下载地址
+    let resultUrl = response.data.result_url;
+    if (resultUrl) {
+      // 确保路径以/开头
+      const formattedPath = resultUrl.startsWith('/') ? resultUrl : `/${resultUrl}`;
+      // 修改下载链接的端口为8383
+      const downloadUrl = serverUrl.replace(/-80\./, '-8383.');
+      resultUrl = `${downloadUrl}/download${formattedPath}`;
+    }
+
+    return {
+      status: statusText,
+      progress: response.data.progress || 0,
+      result_url: resultUrl
+    };
   } catch (error) {
-    console.error('获取对口型任务信息错误:', error);
-    toast.error(`获取任务状态失败: ${error.message}`);
+    console.error('获取对口型任务信息失败:', error);
     throw error;
   }
 };
@@ -127,59 +208,69 @@ const getLipSyncResultUrl = (resultPath) => {
 };
 
 /**
- * 提交对口型任务并定期检查进度直到完成
- * @param {string} videoUrl - 视频URL
- * @param {string} audioUrl - 音频URL
- * @param {function} onProgressUpdate - 进度更新回调函数 (progress, status) => void
- * @param {function} onComplete - 完成回调函数 (resultUrl) => void
- * @param {function} onError - 错误回调函数 (error) => void
- * @returns {Promise<void>}
+ * 处理对口型任务
+ * @param {string} videoUrl 视频URL
+ * @param {string} audioUrl 音频URL
+ * @param {Function} onProgress 进度回调函数
+ * @param {Function} onComplete 完成回调函数
+ * @param {Function} onError 错误回调函数
  */
-const processLipSyncTask = async (videoUrl, audioUrl, onProgressUpdate, onComplete, onError) => {
+const processLipSyncTask = async (videoUrl, audioUrl, onProgress, onComplete, onError) => {
   try {
-    // 提交任务
-    const taskId = await submitLipSyncTask(videoUrl, audioUrl);
-    
-    // 定义检查间隔（秒）
-    const checkInterval = 5;
-    let completed = false;
-    
-    // 轮询检查任务状态
-    const checkStatus = async () => {
+    console.log('开始处理对口型任务...');
+    console.log('视频URL:', videoUrl);
+    console.log('音频URL:', audioUrl);
+
+    // 1. 提交任务
+    const taskInfo = await submitLipSyncTask(videoUrl, audioUrl);
+    console.log('对口型任务提交成功:', taskInfo);
+
+    if (!taskInfo || !taskInfo.id) {
+      throw new Error('提交任务失败，未返回任务ID');
+    }
+
+    // 2. 轮询任务状态
+    const pollInterval = 5000; // 5秒
+    const maxAttempts = 120; // 最多等待10分钟
+    let attempts = 0;
+
+    const pollTaskStatus = async () => {
       try {
-        if (completed) return;
-        
-        const taskInfo = await getLipSyncTaskInfo(taskId);
-        
+        const statusInfo = await getLipSyncTaskInfo(taskInfo.id);
+        console.log('对口型任务状态:', statusInfo);
+
         // 更新进度
-        if (onProgressUpdate) {
-          onProgressUpdate(taskInfo.progress, taskInfo.status);
+        if (onProgress) {
+          onProgress(statusInfo.progress, statusInfo.status);
         }
-        
+
         // 检查任务状态
-        if (taskInfo.status === 2) { // 已完成
-          completed = true;
-          const resultUrl = getLipSyncResultUrl(taskInfo.result_url);
+        if (statusInfo.status === 'completed') {
           if (onComplete) {
-            onComplete(resultUrl, taskInfo);
+            onComplete(statusInfo.result_url, taskInfo);
           }
-        } else if (taskInfo.status === 1) { // 进行中
-          // 继续轮询
-          setTimeout(checkStatus, checkInterval * 1000);
-        } else { // 错误状态
-          completed = true;
-          throw new Error(`任务状态异常: ${taskInfo.status}`);
+          return true;
+        } else if (statusInfo.status === 'failed') {
+          throw new Error('对口型任务处理失败');
         }
-      } catch (error) {
-        if (onError) {
-          onError(error);
+
+        // 继续轮询
+        attempts++;
+        if (attempts >= maxAttempts) {
+          throw new Error('对口型任务超时');
         }
+
+        // 等待一段时间后继续轮询
+        await new Promise(resolve => setTimeout(resolve, pollInterval));
+        return await pollTaskStatus();
+      } catch (error) {
+        console.error('轮询对口型任务状态失败:', error);
+        throw error;
       }
     };
-    
+
     // 开始轮询
-    checkStatus();
-    
+    await pollTaskStatus();
   } catch (error) {
     console.error('处理对口型任务出错:', error);
     if (onError) {