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

最新推荐文章于 2024-05-01 16:39:30 发布
最新推荐文章于 2024-05-01 16:39:30 发布
阅读量1.5k 收藏
点赞数 1
分类专栏： 前端 文章标签： javascript webassembly
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/DongFuPanda/article/details/110120983
版权

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元/天 解锁文章
DongFuPanda
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
使用Ruffle搭建运行Flash的网页
JourneyBean的博客
02-01 4037
目录使用Ruffle搭建运行Flash的网页Ruffle简介Ruffle.js播放器升级FLASH页面配置WASM文件类型实现截屏其他技巧全屏显示播放器其他选项如何从网站下载FLASH小游戏参考链接 使用Ruffle搭建运行Flash的网页 随着Windows对Flash的强制卸载和浏览器的更新，越来越少的设备将支持Flash。对于一些依然依靠Flash运行的网站，可选择Ruffle作为替代方案。Ruffle是一款Flash模拟器（官网：https://ruffle.rs/），可以模拟运行绝大多数Flash
演示：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 使用指南
最新发布
qq_39517117的博客
05-01 1305
使用 Ruffle 项目运行 Flash 的 swf 文件，让经典游戏和动画在现代浏览器上重获新生。
使用Ruffle模拟运行Flash
从入门到放弃
02-20 8358
Adobe以及各大浏览器厂商都陆续删除或者不再支持Adobe Flash Player，近期微软也开始给操作系统推送KB4577586补丁，用以强制删除系统中的 Flash。 但还是有一些用户的日常生活或工作可能离不开Flash，有的可能选择安装一些魔改版或者中国版的Flash，但Flash 本身的确存在安全、性能、稳定等多方面的问题的。另外即使系统保留着 Flash，但浏览器不再支持，Flash 也难以工作。所以我们可以使用一款浏览器扩展模拟运行Flash。 https://ruffle.rs/ Ruf
WebAssembly 后 MVP 时代的未来：卡通技能树
玄魂工作室
11-13 189
原文链接：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支持。 有关更多...
Youareanidiot：Youareidiot.swf在ruffle闪存模拟器中重复使用
02-18
标题中的"Youareanidiot：Youareidiot.swf在ruffle闪存模拟器中重复使用"提到了一个名为"Youareidiot.swf"的SWF文件，这表明我们正在讨论的是一个基于Adobe Flash的内容。SWF是 ShockWave Flash 文件的缩写，是一种...
ruffle-voicesea:海之声VoicesFromTheSea的在线版本,使用Ruffle
04-06
而这个项目现在有了一个全新的在线版本——"ruffle-voicesea"，它通过利用Ruffle这一开源软件，将原本可能只能在特定平台或应用上运行的内容，移植到了网页环境中，让更多人能够轻松地在线欣赏。 Ruffle是一款基于...
SWF播放器.
01-30
SWF（ShockWave Flash）是一种由Adobe公司开发的富媒体格式，主要用于在网络上展示动画、互动内容以及嵌入网页中的小游戏。它以其轻量级、跨平台和丰富的交互性，曾广泛应用于互联网上的多媒体展示。本文将深入探讨...
js-docs：Ruffle JavaScript文档-自动生成
02-16
js-docs：Ruffle JavaScript文档-自动生成
ruffle-box:将Flash游戏添加到库中，并以皱纹形式启动它们
05-28
荷叶盒 一个小项目，可让您将Flash游戏添加到库中并加载 。 我计划添加PWA和存储支持，由于我已经有了概念证明，所以我可能会稍作修改。 开发环境 要提供静态文件，您需要一台可以将它们作为wasm MIME类型提供服务的Web服务器，我发现是一个不错的选择。
chilibowlruffle:Ruffle演示的修改版，一个Flash模拟器，用于运行我自己的Flash文件
05-04
Ruffle是一个开源项目，它使用WebAssembly和JavaScript实现了Flash Player的大部分功能，使得基于Flash的内容能够在不支持Flash的现代浏览器中运行。这个名为ChiliBowlRuffle的定制版Ruffle，是由一位独立开发者针对...
解决SWF加载报错问题 —以及利用该错误防止盗链
请移架http://blog.sina.com.cn/u/2765457197
01-10 1418
 一个SWF加载另一个SWF时,常会报错,最近研究了主要的报错情况.在剖析报错情况前,先看下我们用的加载代码:AS3代码var loadSwf:Loader = new Loader;    loadSwf.contentLoaderInfo.addEventListener(Event.COMPLETE, loadCom)    loadSwf.load(new 
Flash player 开源 、安全、高效、简洁 解决方案
chenpufeng_1024的博客
01-27 854
Flash player 开源 、安全、高效、简洁 解决方案 with ruffle https://ruffle.rs Flash player 停用后，越来越多的“解决方案”被放出。 有 人人都是高手的 系统降级版 有 自研技术的整包插件版 对于普通用户的我们，一个简单、高效、开源、安全的Flash 解决方案即可满足我们大部分的需求。 这就是 ruffle so what is ruffle Ruffle is a Flash Player emulator writte...
新的一年找了几个比较好的谷歌浏览器插件推荐给大家
星梦的博客
02-02 1334
1. Ruffle Ruffle（ruffle.rs）由那些相信「互联网也是有记忆」的志愿者开发并维护 初衷也很简单，就是为了帮大家解决 Flash 在今后不再被支持的问题 虽然 Ruffle 目前尚未与 Adobe Flash Player 完全兼容，但理论上只要浏览器支持 WebAssembly 技术就可以播放内容 Chrome、Edge、 Firefox 以及 Safari 等主流浏览器都是支持这个技术的 2. B站下载助手 方便B站视频下载 ...
swf动画播放
目生鱼的博客
08-17 1415
https://github.com/eyesoffish/ios_swf_animation
ruffle web demo
10-17
Ruffle Web Demo是一个基于Flash Player技术的网络演示版。Flash Player是一种用于播放多媒体和动画内容的软件平台，但由于Adobe公司于2020年停止支持，许多浏览器不再兼容Flash Player。Ruffle Web Demo的目的是通过使用Ruffle技术，使得老旧的Flash内容能够在现代浏览器中仍然正常运行。 Ruffle是一个开源项目，它是一个用Rust编写的Flash Player emulator。它能够解析和播放旧版本的Flash内容，为用户提供与原始Flash Player相似的体验，但在技术上使用了HTML5和WebAssembly。用户只需在支持Ruffle的浏览器中打开Ruffle Web Demo网站，就可以加载和播放Flash内容，而无需安装Flash Player插件或执行其他额外设置。 Ruffle Web Demo对于那些仍然需要访问和展示Flash内容的用户来说非常有用。它赋予了这些用户继续访问旧版Flash内容的能力，而无需担心浏览器不再支持Flash Player。同时，Ruffle还提供了一些调试和设置选项，以便用户根据自己的需求进行优化和配置。 Ruffle Web Demo的发布为用户提供了一个解决方案，使得他们能够以更加安全和稳定的方式继续使用Flash内容。这是一个具有技术意义的项目，为那些依赖Flash技术的网站或应用程序提供了一个过渡期，以适应新的技术环境。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值