登录
Ruffle测试
2024年5月26日 05:12
这玩意也是很久之前就认识到了
我甚至记得我还给这玩意写过Hexo插件但后来我给这个插件删了，因为这玩意的配置真的简单
介绍
随着网页的安全性升级，带有安全漏洞的Flash也逐渐被淘汰，现在的主流浏览器几乎都不支持Flash
也因此，很多的站点都已经废弃掉他们的flash了
但后面我找到了一款叫Ruffle的工具，这玩意是个全新的开源Flash项目，旨在从本地到网页完全替代老旧的Flash
而且不同于带有安全漏洞的Flash，Ruffle采用了高效安全的Rust语言编写，同时完全开源保证了及时修补漏洞
搞这玩意的很多教程都是得在浏览器安装插件，让用户通过这个插件来实现播放flash
但我在Ruffle的官网找到个这玩意：
这玩意能通过引入在站点js的方式来让自己的站点再次适配swf
那就废话不多说，赶紧开始吧！（话说好像在2024好像只有我对flash依然这么感兴趣。。。。。。。）
配置Ruffle教程
基础
只需要在站点下面引入这行代码就可以了
1 | <script src="https://jsd.onmicrosoft.cn/npm/@ruffle-rs/ruffle"></script> |
如果你想用swfobject来引入swf的话，还得另外引入这个代码：
1 | <script src="https://jsd.onmicrosoft.cn/gh/swfobject/swfobject@master/swfobject/swfobject.js"></script> |
之后就可以在站点放置flash动画了！
不过估计也有人不知道flash动画怎么放，我这里就写个Demo吧！
Demo
1.Flash音乐播放器（没有SWFObject的）
测试音乐：Rain And Tears (纯音乐) - Pop Mania
（这首歌是一个虎牙中的一位MC实况主经常用的背景音乐，这位实况主还是我第一位关注的玩MC的实况主，然后我就对这个bgm印象很深）
新浪的
1 | <embed width="238" height="24" name="FlashVars" wmode="opaque" play="true" loop="true" scale="showall" src="https://files.blog.sinzmise.top/swf/sina_music_player.swf" FlashVars="url=https%3A%2F%2Ffiles.blog.sinzmise.top%2Fmp3%2FRainAndTears.mp3" type="application/x-shockwave-flash"></embed> |
人人网的
1 | <embed width="360" height="30" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" allowfullscreen="false" allowscriptaccess="sameDomain" bgcolor="#ffffff" scale="noscale" quality="high" menu="false" loop="false" wmode="transparent" src="https://files.blog.sinzmise.top/swf/renren_music_player.swf?url=https%3A%2F%2Ffiles.blog.sinzmise.top%2Fmp3%2FRainAndTears.mp3&Autoplay=0" /> |
开心网的
1 | <embed width="365" height="50" align="middle" flashvars="url=https%3A%2F%2Ffiles.blog.sinzmise.top%2Fmp3%2FRainAndTears.mp3&autoplay=0" src="https://files.blog.sinzmise.top/swf/kaixin_music_player.swf" wmode="transparent" loop="false" menu="false" quality="high" scale="noscale" salign="lt" bgcolor="#ffffff" allowscriptaccess="sameDomain" allowfullscreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"/> |
还没写完，后续再写更多Demo
