通过 ruffle 使用 WebAssembly 在网页上播放 swf 动画

最新推荐文章于 2024-09-14 10:22:46 发布
最新推荐文章于 2024-09-14 10:22:46 发布
阅读量1.8k 收藏
点赞数 1
分类专栏： 前端 文章标签： javascript webassembly
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/DongFuPanda/article/details/110120983
版权
随着Flash播放器的退役，采用WebAssembly的ruffle成为播放SWF动画的解决方案。通过下载ruffle的最新包，在HTML页面中简单配置，结合nginx服务器，能够成功播放和交互SWF动画，但部分元素可能出现丢失的情况。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

flash 播放器将退出历史舞台，但是不能直接就抛弃 flash 动画，需要有顶替的方案。网上找到的就是用 webassembly 播放 swf 动画。

github 上有个大神已经做出来了，而且经过测试基本动画播放都没啥大问题，大体上都能播放，也能交互，就是有些元素会丢失，具体原因不详。

具体操作如下：

使用文档：https://github.com/ruffle-rs/ruffle/wiki/Using-Ruffle#web
下载最新的包（xxx_selfhosted.zip）：https://github.com/ruffle-rs/ruffle/releases/

然后写个简单的 demo

<!DOCTYPE html>
<html>
  <head>
    <title>Welcome to nginx!</title>
    <style>
最低0.47元/天 解锁文章
使用Ruffle搭建运行Flash的网页
JourneyBean的博客
02-01 4633
目录使用Ruffle搭建运行Flash的网页Ruffle简介Ruffle.js播放器升级FLASH页面配置WASM文件类型实现截屏其他技巧全屏显示播放器其他选项如何从网站下载FLASH小游戏参考链接 使用Ruffle搭建运行Flash的网页 随着Windows对Flash的强制卸载和浏览器的更新，越来越少的设备将支持Flash。对于一些依然依靠Flash运行的网站，可选择Ruffle作为替代方案。Ruffle是一款Flash模拟器（官网：https://ruffle.rs/），可以模拟运行绝大多数Flash
解决SWF加载报错问题 —以及利用该错误防止盗链
请移架http://blog.sina.com.cn/u/2765457197
01-10 1467
 一个SWF加载另一个SWF时,常会报错,最近研究了主要的报错情况.在剖析报错情况前,先看下我们用的加载代码:AS3代码var loadSwf:Loader = new Loader;    loadSwf.contentLoaderInfo.addEventListener(Event.COMPLETE, loadCom)    loadSwf.load(new 
演示：Ruffle Web演示（每晚生成）
02-26
荷叶边 ruffle-demo是如何在您的网站中包含Ruffle的示例。 对于开发人员来说，它也是一个不错的本地测试，可以在Web上本地运行Ruffle。 使用ruffle-demo 托管演示 要立即在线观看此演示，。 它与该目录完全相同，每晚更新一次。 运行自己的演示 ，您可以在web文件夹中运行npm run demo来启动演示。 它将启动本地Web服务器并在控制台中打印地址。 在浏览器中导航到该网站（通常为 ）。 配置演示 该演示提供了提供示例SWF列表供您选择的功能。 如果您有一组可以测试的有用SWF，并且我们自己使用它来在各种游戏或动画中展示Ruffle，这可能会有所帮助。 要使用此功能， swfs.json在此目录中添加一个新文件swfs.json 。 内容应如下所示： { " swfs " : [ { " locatio
Flash 重生 | Ruffle 使用指南
RexWang 的博客
05-01 5864
使用 Ruffle 项目运行 Flash 的 swf 文件，让经典游戏和动画在现代浏览器上重获新生。
使用Ruffle模拟运行Flash
从入门到放弃
02-20 9343
Adobe以及各大浏览器厂商都陆续删除或者不再支持Adobe Flash Player，近期微软也开始给操作系统推送KB4577586补丁，用以强制删除系统中的 Flash。 但还是有一些用户的日常生活或工作可能离不开Flash，有的可能选择安装一些魔改版或者中国版的Flash，但Flash 本身的确存在安全、性能、稳定等多方面的问题的。另外即使系统保留着 Flash，但浏览器不再支持，Flash 也难以工作。所以我们可以使用一款浏览器扩展模拟运行Flash。 https://ruffle.rs/ Ruf
WebAssembly 后 MVP 时代的未来：卡通技能树
玄魂工作室
11-13 238
原文链接：https://zhuanlan.zhihu.com/p/47966773日常忙着打 bug + 最近沉迷游戏，大半年没在知乎上发文章了，实在是有点惭愧 --|||开发者可能普...
wasm-3d-animation-demo:使用3D骨骼动画系统简单演示JavaScript与WebAssembly的性能
03-11
WASM 3D动画演示 在开始之前，有几个免责声明： 这是可用于WebAssembly的示例，但您也应该查看 。 这是一个了不起的例子，IMO。 编译需要Emscripten。 在编写此代码时，它需要传入分支。 请参阅下面的说明。 不包括资产，因为我没有资产的再分配权。 如果您想提供一些我可以在此仓库中使用的东西，请发送PR。 FBX，混合，纹理或仅材质，我将使其起作用。 我需要一个步行动画，以及至少一个独特的舞蹈动画（我在开发中使用了三个） 如果您正在接受请求，请执行Game Grumps的Danny Avidan :red_heart: 开始这个项目时，我并没有打算发布代码，因此，我很抱歉动画文档本身没有更好的文档记录，无法学习其工作原理。 设置脚本 git clone https://github.com/juj/emsdk.git cd emsdk ./emsdk install
皱纹：用Rust编写的Flash Player模拟器
02-05
Ruffle使用WebAssembly定位桌面和Web。 项目状态 Ruffle处于概念验证阶段，目前可以运行早期的Flash动画和游戏。 基本的ActionScript 1.0 / 2.0支持已经到位并正在改进； 即将提供ActionScript 3.0支持。 有关更多...
实现连续播放SWF的自定义Flash播放器
用户在下载这个程序后，可以在他们的计算机上执行它来实现连续播放 SWF 文件的功能。由于 Adobe Flash Player 已停止支持，此类程序可能通过自身的解析机制来处理 SWF 文件，并将其内容呈现出来。不过，需要注意的是...
ruffle-voicesea:海之声VoicesFromTheSea的在线版本,使用Ruffle
04-06
而这个项目现在有了一个全新的在线版本——"ruffle-voicesea"，它通过利用Ruffle这一开源软件，将原本可能只能在特定平台或应用上运行的内容，移植到了网页环境中，让更多人能够轻松地在线欣赏。 Ruffle是一款基于...
Ruffle模拟器：用Rust实现Flash播放与游戏回放
WebAssembly允许将编译后的代码加载到浏览器中执行，这使得原本必须通过插件执行的Flash内容，可以在不支持Flash的新版浏览器中，通过Ruffle这样的模拟器继续运行。 最后，从提供的文件信息中，“ruffle-master”...
js-docs：Ruffle JavaScript文档-自动生成
02-16
js-docs：Ruffle JavaScript文档-自动生成
ruffle-box:将Flash游戏添加到库中，并以皱纹形式启动它们
05-28
荷叶盒 一个小项目，可让您将Flash游戏添加到库中并加载 。 我计划添加PWA和存储支持，由于我已经有了概念证明，所以我可能会稍作修改。 开发环境 要提供静态文件，您需要一台可以将它们作为wasm MIME类型提供服务的Web服务器，我发现是一个不错的选择。
推荐：Ruffle - 重塑Flash播放器的新时代
gitblog_00098的博客
05-10 688
推荐：Ruffle - 重塑Flash播放器的新时代 项目地址:https://gitcode.com/gh_mirrors/ru/ruffle 项目介绍 Ruffle是一款由Rust编程语言编写的Adobe Flash Player模拟器，专为桌面和Web环境设计，利用WebAssembly技术实现了跨平台兼容性。在Flash逐渐退出历史舞台的今天，Ruffle致力于让那些承载着记忆的SWF内容...
Flash player 开源 、安全、高效、简洁 解决方案
chenpufeng_1024的博客
01-27 1005
Flash player 开源 、安全、高效、简洁 解决方案 with ruffle https://ruffle.rs Flash player 停用后，越来越多的“解决方案”被放出。 有 人人都是高手的 系统降级版 有 自研技术的整包插件版 对于普通用户的我们，一个简单、高效、开源、安全的Flash 解决方案即可满足我们大部分的需求。 这就是 ruffle so what is ruffle Ruffle is a Flash Player emulator writte...
新的一年找了几个比较好的谷歌浏览器插件推荐给大家
星梦的博客
02-02 1417
1. Ruffle Ruffle（ruffle.rs）由那些相信「互联网也是有记忆」的志愿者开发并维护 初衷也很简单，就是为了帮大家解决 Flash 在今后不再被支持的问题 虽然 Ruffle 目前尚未与 Adobe Flash Player 完全兼容，但理论上只要浏览器支持 WebAssembly 技术就可以播放内容 Chrome、Edge、 Firefox 以及 Safari 等主流浏览器都是支持这个技术的 2. B站下载助手 方便B站视频下载 ...
Ruffle 继续在开源软件中支持 Adobe Flash Player
最新发布
weixin_41446370的博客
09-14 699
Ruffle 一直在推进对 ActionScript 1/2/3 脚本语言的支持，他们正在准备发布期待已久的稳定版本、支持标签聚焦、增加了一些性能优化，而且 Ruffle 桌面应用程序在今年也得到了大量增强。大多数人已经无需考虑对早已寿终正寝的 Adobe Flash 的支持，但对于那些仍有一些 Adobe Flash/SWF 格式的旧资产，或想重温一些基于 Flash 的旧游戏/娱乐项目的人来说，开源 Ruffle 项目仍是 2024 年及以后处理 Flash 的主要竞争者之一。
swf动画播放
目生鱼的博客
08-17 1492
https://github.com/eyesoffish/ios_swf_animation
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值