用electron实现播放flash小游戏

最新推荐文章于 2022-06-26 11:47:29 发布

置顶

SemineLee

最新推荐文章于 2022-06-26 11:47:29 发布

阅读量1.4k

点赞数 4

分类专栏：实践文章标签： javascript flash

本文链接：https://blog.csdn.net/SemineLee/article/details/119488708

版权

随着Chrome等浏览器逐渐淘汰Flash支持，本文介绍如何利用Electron和Pepper Flash插件，在桌面应用中播放喜爱的Flash小游戏，提供了一种解决方案，包括主要代码实现和最终效果展示。

摘要由CSDN通过智能技术生成

0 背景

从小学开始，我就很喜欢玩4399上的宠物连连看flash小游戏。

然而，因为flash的安全性等问题，很多浏览器都不再支持flash。比如chrome，自 2021 年起，在任何版本的 Chrome 中，Flash 内容（包括音频和视频）都将无法再正常播放，并且从v88起完全移除Flash插件的相关代码。
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-0FL9Hecf-1628325203452)(/static/2021/08/game.png)]

1 解决方案

因此，我想到了，利用 Electron ，指定一个低于v88的版本的chromium，使用 Pepper Flash 插件加载钟爱的flash小游戏，以供随时娱乐^ ^。

1.1 electron原理

Electron是一个使用 JavaScript、HTML 和 CSS 构建桌面应用程序的框架。它嵌入了 Chromium 和 Node.js，允许您使用 JavaScript、HTML 和 CSS 代码创建在Windows、 macOS和Linux上运行的跨平台应用。

按我的理解，就是利用Node.js创建一个服务，把开发者写好的网页部署到Node.js服务中，并在Chromium浏览器中打开这个网址。

1.2 主要代码

版本：项目中的electron版本为^11.4.7，chromium版本为87.0.4280.141。

在index.html，就只放一个宠物连连看flash小游戏。

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <!-- https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP -->
    <meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self'">
    <meta http-equiv="X-Content-Security-Policy" content="default-src 'self'; script-src 'self'">
    <title>宠物连连看</title>
    <link rel