Post cover image

Ruffle测试

站点折腾


本文最后更新于 1 年前,文中所描述的信息可能已发生改变。

这玩意也是很久之前就认识到了

我甚至记得我还给这玩意写过Hexo插件

介绍

随着网页的安全性升级,带有安全漏洞的Flash也逐渐被淘汰,现在的主流浏览器几乎都不支持Flash

也因此,很多的站点都已经废弃掉他们的flash了

但后面我找到了一款叫Ruffle的工具,这玩意是个全新的开源Flash项目,旨在从本地到网页完全替代老旧的Flash

而且不同于带有安全漏洞的Flash,Ruffle采用了高效安全的Rust语言编写,同时完全开源保证了及时修补漏洞

搞这玩意的很多教程都是得在浏览器安装插件,让用户通过这个插件来实现播放flash

但我在Ruffle的官网找到个这玩意:

官网截图

这玩意能通过引入在站点js的方式来让自己的站点再次适配swf

那就废话不多说,赶紧开始吧!

(话说好像在2024好像只有我对flash依然这么感兴趣。。。。。。。)

配置Ruffle教程

基础

只需要在站点下面引入这行代码就可以了

html
<script src="https://jsd.onmicrosoft.cn/npm/@ruffle-rs/ruffle"></script>

如果你想用swfobject来引入swf的话,还得另外引入这个代码:

html
<script src="https://jsd.onmicrosoft.cn/gh/swfobject/swfobject@master/swfobject/swfobject.js"></script>

之后就可以在站点放置flash动画了!

不过估计也有人不知道flash动画怎么放,我这里就写个Demo吧!

Demo

因某些原因,Demo现在还无法展示,请见谅!

Demo源码

新浪的

html
<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>

人人网的

html
<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" />

开心网的

html
<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

在转载或引用本文时,请务必遵守许可协议并注明来源

给我打钱,助力汐塔计划能够启动(划掉

王九弦SZ·Ninty

种下一颗有故事的种子,让它带着魔法和奇迹生根发芽

近期文章