以下是在 Electron 中使用 Widevine CDM 插件的一般步骤：
1. 获取 Widevine CDM 插件： Widevine CDM 插件通常包含在 Chrome 浏览器中。你可以从 Chrome 浏览器的安装目录中找到它。在 Windows 上，通常路径为 C:\Program Files (x86)\Google\Chrome\Application\<version>\WidevineCDM。在 macOS 和 Linux 上，路径会有所不同。
将 WidevineCDM 文件夹复制到你的 Electron 项目的某个位置。
2. 配置 Electron 主进程： 在 Electron 主进程中，配置 app.commandLine 来指定 Widevine CDM 插件的路径。在你的 main.js 或 index.js 文件中添加以下代码：
const { app, BrowserWindow } = require('electron');
const path = require('path');
app.commandLine.appendSwitch('widevine-cdm-path', path.join(__dirname, 'path/to/WidevineCDM'));
app.commandLine.appendSwitch('widevine-cdm-version', 'your-widevine-version'); // 替换为实际的 Widevine 版本号
替换 'path/to/WidevineCDM' 为 WidevineCDM 文件夹的路径，替换 'your-widevine-version' 为 Widevine 版本号。
3. 启用插件和 DRM： 在创建 BrowserWindow 的选项中，确保启用插件和 DRM。例如：
const mainWindow = new BrowserWindow({
width: 800,
height: 600,
webPreferences: {
plugins: true,
experimentalFeatures: true,
preload: path.join(__dirname, 'preload.js')
}
});
在上述配置中，preload.js 是一个用于启用 Widevine 插件的预加载脚本。
4. 创建预加载脚本： 创建 preload.js 文件，用于在页面加载前注入 Widevine 插件。示例 preload.js 文件：
const { session } = require('electron');
session.defaultSession.webRequest.onBeforeSendHeaders((details, callback) => {
details.requestHeaders['User-Agent'] = 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.124 Safari/537.36';
callback({ cancel: false, requestHeaders: details.requestHeaders });
});
这个脚本可以修改请求头，以模拟 Chrome 浏览器的用户代理。
5. 测试 Widevine 插件： 创建一个包含使用 Widevine 插件的 HTML 文件，并在 mainWindow 中加载它，以确保 Widevine 插件正常工作。
<!-- test-widevine.html -->
<html>
<body>
<video controls>
<source src="your-widevine-protected-content-url" type="application/dash+xml">
</video>
</body>
</html>
在 mainWindow 中加载该文件：
mainWindow.loadFile('test-widevine.html');
请注意，使用 Widevine 插件会涉及到 DRM 技术，因此在使用时需要符合相关法规和协议，以确保合法性。此外，Widevine 插件的使用可能受到一些限制，具体取决于 Widevine CDM 的版本和配置。在实际开发中，建议仔细查阅 Widevine CDM 的文档和相关法规，以确保你的应用程序符合法律和安全要求。
转载请注明出处：http://www.zyzy.cn/article/detail/10906/Electron