使用Tauri将Sveltekit Spotify播放器转为Linux应用时遇EME错误

在Linux环境下运行基于Tauri的Spotify播放器时，出现未处理的Promise拒绝错误：EMEError: Platform does not support navigator.requestMediaKeySystemAccess，但Windows平台运行正常。核心问题出在Linux的WebView对加密媒体扩展（EME）的支持配置上，以下是具体解决方案：

问题原因 #

Tauri在Linux上采用WebKitGTK作为WebView组件，而WebKitGTK默认可能未启用EME，或者系统缺少Spotify播放所需的DRM依赖（比如Widevine CDM），导致Spotify SDK无法调用navigator.requestMediaKeySystemAccess接口处理加密音频。

解决方案 #

1. 修改Tauri配置启用EME支持 #

编辑项目根目录下的tauri.conf.json，在窗口配置中添加WebKit的媒体权限和EME启用项：

{
  "tauri": {
    "windows": [
      {
        "title": "SoundSphere",
        "width": 800,
        "height": 600,
        "webview": {
          "webkit": {
            "allowMedia": true,
            "enableEncryptedMedia": true
          }
        }
      }
    ]
  }
}

2. 安装系统DRM依赖库 #

根据你的Linux发行版执行对应的安装命令：

• Debian/Ubuntu系：

sudo apt install libwidevinecdm0 libgstreamer-plugins-bad1.0-0 libgstreamer-plugins-base1.0-0

• Fedora/RHEL系：

sudo dnf install widevinecdm gstreamer1-plugins-bad-freeworld gstreamer1-plugins-base

3. 添加代码错误捕获 #

修改Spotify Player初始化后的连接逻辑，捕获Promise拒绝错误，避免程序崩溃：

// 初始化player之后
player.connect().catch(err => {
  console.error('Spotify Player连接失败:', err);
  loading = false;
  // 可在此处添加用户提示，比如告知需安装DRM组件
});

4. 检查WebKitGTK版本 #

确保系统安装的WebKitGTK版本在2.34以上，旧版本EME支持不完善。检查命令：

• Debian/Ubuntu：

dpkg -l libwebkit2gtk-4.0-37

• Fedora：

dnf list webkit2gtk3

额外处理（若上述步骤无效） #

部分发行版默认未打包Widevine CDM，可从Chrome/Chromium浏览器中提取对应库文件，复制到WebKit的CDM目录（例如/usr/lib/x86_64-linux-gnu/webkit2gtk-4.0/WebKitPluginProcess/resources/widevinecdm/）。

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