在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')
3
​
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))
18
​
19
// 可选：指定Flash版本,比如v17.0.0.169
20
app.commandLine.appendSwitch('ppapi-flash-version', '17.0.0.169')
21
​
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
})
Copied!

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

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

将 plugins 属性添加到 <webview> 标签
1
<webview src="http://www.adobe.com/software/flash/about/" plugins></webview>
Copied!

故障排除

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