整理页面

src/components/audioPlayer/index.js

@@ -23,31 +23,74 @@ const AudioPlayerComponent = ({ audioPath, label, onPlay, onPause }) => {
   });
   
   useEffect(() => {
-    if (audioPath) {
-      // 设置文件路径
-      setAudioFile(audioPath);
-      
-      // 提取文件名
-      const fileName = path.basename(audioPath);
-      
-      // 获取文件大小信息
+    if (audioPath && typeof audioPath === 'string' && audioPath.trim() !== '') {
       try {
-        // 通过Electron的fs模块获取文件信息
-        window.electron.ipcRenderer.invoke('get-file-stats', audioPath)
-          .then(stats => {
-            if (stats) {
-              setAudioInfo({
-                fileName,
-                fileSize: formatFileSize(stats.size)
+        // 设置文件路径
+        setAudioFile(audioPath);
+        
+        // 安全地提取文件名
+        let fileName = '未知文件';
+        try {
+          if (path && typeof path.basename === 'function') {
+            fileName = path.basename(audioPath);
+          } else {
+            // 如果path模块不可用，使用简单方法获取文件名
+            const parts = audioPath.split(/[/\\]/);
+            fileName = parts[parts.length - 1];
+          }
+        } catch (pathError) {
+          console.error('提取文件名时出错:', pathError);
+          // 使用简单方法获取文件名作为备选
+          const parts = audioPath.split(/[/\\]/);
+          fileName = parts[parts.length - 1];
+        }
+        
+        // 获取文件大小信息
+        try {
+          // 通过Electron的fs模块获取文件信息
+          if (window.electron && window.electron.ipcRenderer) {
+            window.electron.ipcRenderer.invoke('get-file-stats', audioPath)
+              .then(stats => {
+                if (stats) {
+                  setAudioInfo({
+                    fileName,
+                    fileSize: formatFileSize(stats.size)
+                  });
+                }
+              })
+              .catch(err => {
+                console.error('获取音频文件信息时出错:', err);
+                // 设置基本信息，不包含文件大小
+                setAudioInfo({
+                  fileName,
+                  fileSize: '未知大小'
+                });
               });
-            }
-          })
-          .catch(err => {
-            console.error('获取音频文件信息时出错:', err);
+          } else {
+            // 如果electron不可用，只设置文件名
+            setAudioInfo({
+              fileName,
+              fileSize: '未知大小'
+            });
+          }
+        } catch (error) {
+          console.error('处理音频文件信息时出错:', error);
+          // 设置基本信息作为备选
+          setAudioInfo({
+            fileName,
+            fileSize: '未知大小'
           });
+        }
       } catch (error) {
         console.error('处理音频文件路径时出错:', error);
       }
+    } else {
+      // 如果路径无效，重置状态
+      setAudioFile(null);
+      setAudioInfo({
+        fileName: '',
+        fileSize: ''
+      });
     }
   }, [audioPath]);
   

src/pages/home/home.js

@@ -470,7 +470,7 @@ const Home = forwardRef((props, ref) => {
 
               <AudioUpload onAudioSelected={(audioFile) => setProjectAudioFile(audioFile)} />
               
-              <VideoDownload />
+              {/* <VideoDownload /> */}
 
               <SubtitleUpload 
                 onProjectCreated={backToHome} 
@@ -480,31 +480,6 @@ const Home = forwardRef((props, ref) => {
             </>
           )}
 
-          {/* 底部数据库路径链接 */}
-          <div className="footer-links">
-            <div className="d-flex justify-content-between">
-              <button
-                className="btn-link"
-                onClick={openDatabasePath}
-              >
-                打开数据库文件夹
-              </button>
-              
-              <button
-                className="btn-link"
-                onClick={openResourcesPath}
-              >
-                打开资源文件夹
-              </button>
-              
-              <button
-                className="btn-link"
-                onClick={handleOpenApiSettings}
-              >
-                Coze API设置
-              </button>
-            </div>
-          </div>
         </Container>
       </div>