我来帮你一步步排查并解决这个问题，看起来核心是主进程中FFmpeg调用逻辑缺失以及IPC通信链路未打通，咱们从前端到主进程逐一补全和修正：

第一步：补全前端的IPC通信代码 #

你目前的前端代码只获取了文件路径，还没有把路径发送给主进程，也没有监听主进程返回的结果。先把这部分补上：

<script>
const { ipcRenderer } = require('electron');
document.querySelector('form').addEventListener('submit', (e) => {
  e.preventDefault();
  const fileInput = document.querySelector('input');
  // 先判断是否选择了文件，避免报错
  if (!fileInput.files || fileInput.files.length === 0) {
    alert('请先选择文件');
    return;
  }
  const filePath = fileInput.files[0].path;
  
  // 向主进程发送获取元数据的请求
  ipcRenderer.send('fetch-ffmpeg-metadata', filePath);
  
  // 监听主进程返回的结果（用once避免重复绑定）
  ipcRenderer.once('metadata-response', (event, result) => {
    if (result.error) {
      console.error('获取元数据失败:', result.error);
      alert('获取元数据失败，请检查文件或FFmpeg配置');
    } else {
      console.log('获取到的FFmpeg元数据:', result.metadata);
      // 这里可以添加展示元数据的逻辑，比如渲染到页面上
    }
  });
});
</script>

第二步：主进程中实现FFmpeg调用逻辑 #

这部分是关键，你需要确保主进程能正确调用FFmpeg并解析元数据，这里提供两种方案：

方案1：使用原生child_process调用FFmpeg（无需额外依赖） #

适合已经全局安装FFmpeg的场景，但要注意Electron的环境变量可能和CMD不一致，最好用FFmpeg的绝对路径：

const { app, BrowserWindow, ipcMain } = require('electron');
const { execFile } = require('child_process');

// 替换成你的FFmpeg绝对路径，比如Windows下的'C:/ffmpeg/bin/ffmpeg.exe'
// 如果CMD能直接调用，也可以写'ffmpeg'，但保险起见用绝对路径
const FFMPEG_PATH = 'ffmpeg';

function createWindow() {
  const mainWindow = new BrowserWindow({
    width: 800,
    height: 600,
    webPreferences: {
      nodeIntegration: true,
      contextIsolation: false
      // 如果是Electron 16+，推荐用contextIsolation: true并配合预加载脚本，这里为了简化先关闭
    }
  });
  mainWindow.loadFile('index.html');
}

app.whenReady().then(() => {
  createWindow();

  // 监听前端的元数据请求
  ipcMain.on('fetch-ffmpeg-metadata', (event, filePath) => {
    // FFmpeg命令参数：-i 指定输入文件，-f ffmetadata 将元数据输出到标准输出
    const args = ['-i', filePath, '-f', 'ffmetadata', '-'];
    
    execFile(FFMPEG_PATH, args, (error, stdout, stderr) => {
      // FFmpeg的错误信息通常在stderr中，error对象可能为空
      if (error || stderr) {
        event.reply('metadata-response', { 
          error: stderr || error?.message || 'FFmpeg调用失败' 
        });
        return;
      }
      // 解析元数据为JSON格式（可选，也可以直接返回原始字符串）
      const parsedMetadata = parseFFmpegMetadata(stdout);
      event.reply('metadata-response', { metadata: parsedMetadata });
    });
  });
});

// 简单的FFmpeg元数据解析函数
function parseFFmpegMetadata(rawMetadata) {
  const metadata = {};
  rawMetadata.split('\n').forEach(line => {
    if (line.includes('=')) {
      const [key, value] = line.split('=', 2);
      metadata[key.trim()] = value.trim();
    }
  });
  return metadata;
}

方案2：使用fluent-ffmpeg库（更简洁，推荐） #

这个库封装了FFmpeg的调用，能直接返回结构化的元数据，无需手动解析：

1. 先安装依赖：

npm install fluent-ffmpeg

2. 主进程代码修改：

const { app, BrowserWindow, ipcMain } = require('electron');
const ffmpeg = require('fluent-ffmpeg');

// 设置FFmpeg路径（如果是全局安装，也可以省略这一步，库会自动查找）
ffmpeg.setFfmpegPath('ffmpeg'); // 或者你的绝对路径

function createWindow() {
  const mainWindow = new BrowserWindow({
    width: 800,
    height: 600,
    webPreferences: {
      nodeIntegration: true,
      contextIsolation: false
    }
  });
  mainWindow.loadFile('index.html');
}

app.whenReady().then(() => {
  createWindow();

  ipcMain.on('fetch-ffmpeg-metadata', (event, filePath) => {
    // 使用ffprobe直接获取结构化元数据
    ffmpeg.ffprobe(filePath, (err, metadata) => {
      if (err) {
        event.reply('metadata-response', { error: err.message });
        return;
      }
      event.reply('metadata-response', { metadata });
    });
  });
});

常见问题排查 #

1. FFmpeg路径问题：如果主进程调用FFmpeg失败，大概率是路径不对。可以在主进程里打印process.env.PATH，看看是否包含FFmpeg的安装目录；或者直接用绝对路径指定FFmpeg位置。
2. 文件权限/路径空格：Windows下路径有空格时，execFile会自动处理，不用手动加引号；如果是Linux/macOS，也要确保文件有可读权限。
3. Electron权限配置：如果开启了contextIsolation: true，需要通过预加载脚本暴露IPC方法，不能直接在前端require('electron')。

内容的提问来源于stack exchange，提问作者BT101