如何解决Electron后台加载视频失败无法生成缩略图的问题？

针对你遇到的「The play() request was interrupted because video-only background media was paused to save power」错误，这是Chromium新版本新增的后台媒体省电限制，仅设置backgroundThrottling: false无法完全绕过，以下是几个无需回退Electron版本的解决方法：

1. 给离屏窗口添加额外webPreferences配置 #

在创建离屏窗口时，除了backgroundThrottling: false，还需禁用媒体会话功能，避免系统将其识别为后台媒体：

const { BrowserWindow } = require('electron');

const offscreenWindow = new BrowserWindow({
  show: false,
  offscreen: true,
  webPreferences: {
    backgroundThrottling: false,
    mediaSessionEnabled: false, // 关键：禁用媒体会话
    // 其他参数根据你的应用需求调整，比如nodeIntegration、contextIsolation等
  }
});

2. 调整视频加载逻辑，避免提前调用play() #

直接设置src后立即调用play()可能触发系统的限制，改为等待视频预加载完成后再执行播放：

try {
  const video = document.createElement('video');
  video.src = urlForVideo;
  video.preload = 'auto'; // 强制预加载视频资源

  // 等待视频足够加载到可流畅播放的状态
  await new Promise(resolve => {
    video.addEventListener('canplaythrough', resolve, { once: true });
  });

  await video.play();
  // 这里执行缩略图生成逻辑（比如通过canvas绘制视频帧）
} catch (e) {
  console.error(e);
}

3. 添加Electron命令行开关强制禁用后台媒体暂停 #

在主进程启动时添加命令行开关，直接绕过Chromium的后台媒体省电策略：

const { app } = require('electron');

// 在app ready前添加开关
app.commandLine.appendSwitch('disable-background-media-suspend');

app.whenReady().then(() => {
  // 初始化窗口等应用逻辑
});

以上方法可单独或组合使用，其中命令行开关的生效优先级最高，若单个方法无效，建议尝试组合配置。

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