使用 Pepper Flash 插件

在Electron使用Pepper Flash插件，需要手动设置路径并在应用中启用它。

准备Flash插件的副本

在macOS和Linux上，可通过Chrome的 chrome：// plugins页面查看Pepper Flash插件的详细信息，接下来会用到其中的路径和版本信息，或者你也可以将其复制一份到其它位置。

在 Electron 中 添加支持

你可以直接添加在Electron中添加命令行: --ppapi-flash-path 和 --ppapi-flash-version,也可以在 ready之前调用 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. // 可选：指定Flash版本,比如v17.0.0.169
  20. app.commandLine.appendSwitch('ppapi-flash-version', '17.0.0.169')
  22. app.on('ready', () => {
  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.   // 其它
  32. })

另外，你也可以不必自己装载插件而先使用 app.getPath('pepperFlashSystemPlugin')获取系统自带的Pepper Flash插件路径，然后进行加载。

在 <webview>标签中启用Flash插件

将 plugins 属性添加到 <webview> 标签

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

故障排除

  1. 当您不确定路径是否正确时，你可以在控制台中输出 navigator.plugins来检查是否加载了Pepper Flash插件。
  2. Pepper Flash插件必须与Electron的架构相匹配，比如在Windows中常犯的错误是在64位版本的Electron使用32位版本的Flash插件.
  3. 在Windows中， --ppapi-flash-path的路径参数必须使用 \作为分隔符，使用POSIX样式的路径是无效的。
  4. 对于某些操作，如使用RTMP的流媒体，有必要向播放器的 .swf文件授予更多的权限。 实现这点的方式之一是使用 nw-flash-trust.