使用 Widevine CDM 插件 · Electron 中文文檔

# 使用 Widevine CDM 插件在 Electron ，你可以使用 Widevine CDM 插件裝載 Chrome 瀏覽器 . ## 獲取插件 Electron 沒有為 Widevine CDM 插件配制許可 reasons, 為了獲得它，首先需要安裝官方的 chrome 瀏覽器，這匹配了體系架構和 Electron 構建使用的 chrome 版本 . __注意:__ Chrome 瀏覽器的主要版本必須和 Electron 使用的版本一樣，否則插件不會有效，雖然 `navigator.plugins` 會顯示你已經安裝了它 . ### Windows & OS X 在 Chrome 瀏覽器中打開 `chrome://components/` ，找到 `WidevineCdm` 并且確定它更新到最新版本，然后你可以從 `APP_DATA/Google/Chrome/WidevineCDM/VERSION/_platform_specific/PLATFORM_ARCH/` 路徑找到所有的插件二進制文件 . `APP_DATA` 是系統存放數據的地方，在 Windows 上它是 `%LOCALAPPDATA%`, 在 OS X 上它是 `~/Library/Application Support`. `VERSION` 是 Widevine CDM 插件的版本字符串, 類似 `1.4.8.866`. `PLATFORM` 是 `mac` 或 `win`. `ARCH` 是 `x86` 或 `x64`. 在 Windows，必要的二進制文件是 `widevinecdm.dll` and `widevinecdmadapter.dll`, 在 OS X ，它們是 `libwidevinecdm.dylib` 和 `widevinecdmadapter.plugin`. 你可以將它們復制到任何你喜歡的地方，但是它們必須要放在一起. ### Linux 在 Linux ，Chrome 瀏覽器將插件的二進制文件裝載在一起 , 你可以在 `/opt/google/chrome` 下找到,文件名是 `libwidevinecdm.so` 和 `libwidevinecdmadapter.so`. ## 使用插件在獲得了插件文件后，你可以使用 `--widevine-cdm-path` 命令行開關來將 `widevinecdmadapter` 的路徑傳遞給 Electron , 插件版本使用 `--widevine-cdm-version` 開關. __注意:__ 雖然只有 `widevinecdmadapter` 的二進制文件傳遞給了 Electron, `widevinecdm` 二進制文件應當放在它的旁邊. 必須在 `app` 模塊的 `ready` 事件觸發之前使用命令行開關，并且 page 使用的插件必須激活. 示例代碼 : ```javascript // You have to pass the filename of `widevinecdmadapter` here, it is // * `widevinecdmadapter.plugin` on OS X, // * `libwidevinecdmadapter.so` on Linux, // * `widevinecdmadapter.dll` on Windows. app.commandLine.appendSwitch('widevine-cdm-path', '/path/to/widevinecdmadapter.plugin'); // The version of plugin can be got from `chrome://plugins` page in Chrome. app.commandLine.appendSwitch('widevine-cdm-version', '1.4.8.866'); var mainWindow = null; app.on('ready', function() { mainWindow = new BrowserWindow({ webPreferences: { // The `plugins` have to be enabled. plugins: true } }) }); ``` ## 驗證插件為了驗證插件是否工作，你可以使用下面的方法 : * 打開開發者工具查看是否 `navigator.plugins` 包含了 Widevine CDM 插件. * 打開 `https://shaka-player-demo.appspot.com/` 加載一個使用 `Widevine` 的 manifest. * 打開 http://www.dash-player.com/demo/drm-test-area/, 檢查是否界面輸出 `bitdash uses Widevine in your browser`, 然后播放 video.