使用 Pepper Flash 插件

Electron supports the Pepper Flash plugin. To use the Pepper Flash plugin in Electron, you should manually specify the location of the Pepper Flash plugin and then enable it in your application.

保留一份 Flash 插件的副本

在 macOS 和 Linux 上，您可以通过在 Chrome 浏览器的 chrome://flash 页面上找到 Pepper Flash 插件的信息。 插件的路径和版本会对 Election 对其的支持有帮助。 你也可以把插件 复制到另一个路径以保留一份副本。

添加插件在 Electron 里的开关

你可以直接在命令行中用 --ppapi-flash-path 和 --ppapi-flash-version 或者 在 app 的准备事件前调用 app.commandLine.appendSwitch 这个方法。 同时， 打开 BrowserWindow 的plugins选项。

例如：

  1. const { app, BrowserWindow } = require('electron')
  2. const path = require('path')
  4. // 指定 flash 路径，假定它与 main.js 放在同一目录中。
  5. let pluginName
  6. switch (process.platform) {
  7.   case 'win32':
  8.     pluginName = 'pepflashplayer.dll'
  9.     break
  10.   case 'darwin':
  11.     pluginName = 'PepperFlashPlayer.plugin'
  12.     break
  13.   case 'linux':
  14.     pluginName = 'libpepflashplayer.so'
  15.     break
  16. }
  17. app.commandLine.appendSwitch('ppapi-flash-path', path.join(__dirname, pluginName))
  19. // Optional: Specify flash version, for example, v17.0.0.169
  20. app.commandLine.appendSwitch('ppapi-flash-version', '17.0.0.169')
  22. app.whenReady().then(() => {
  23.   let win = new BrowserWindow({
  24.     width: 800,
  25.     height: 600,
  26.     webPreferences: {
  27.       plugins: true
  28.     }
  29.   })
  30.   win.loadURL(`file://${__dirname}/index.html`)
  31.   // Something else
  32. })

您也可以尝试加载系统安装的 Pepper Flash 插件，而不是装运 插件，其路径可以通过调用 app.getPath('pepperFlashSystemPlugin') 获取。

使用 <webview> 标签启用 Flash 插件

在 <webview> 标签里添加 plugins 属性。

  1. <webview src="https://www.adobe.com/software/flash/about/" plugins></webview>

故障排查

您可以通过在控制台打印 navigator.plugins 来检查 Pepper Flash 插件是否加载 (虽然你不知道插件的路径是正确的)。

The architecture of Pepper Flash plugin has to match Electron’s one. On Windows, a common error is to use 32bit version of Flash plugin against 64bit version of Electron.

On Windows the path passed to --ppapi-flash-path has to use \ as path delimiter, using POSIX-style paths will not work.

对于一些操作，例如使用 RTMP 的流媒体，有必要向播放器的 .swf 文件授予更多的权限。 实现这一点的一种方式是使用 nw-flash-trust.