zvv

从代码层面解决chrome不支持flash的方案

把flash 转换成HTML5动画

这里有三个比较好用的工具,都可以把flash转换成HTML5的动画。

Google 的 Swiffy

现在 Google 也推出了 Swiffy,免费把 SWF 格式转换为 HTML5 代码。

Google Swiffy 目标用户是网络开发人员,它不能转换 Flash 视频,但对大多数 Action Script 交互型 Flash 支持良好。用户只需将 SWF 文件上传,转换非常快。输出的 HTML 代码会用到一些 SVG 特性,目前只有 webkit 内核浏览器支持;这意味着输出的代码仅仅在 Safari/Chrome 上可用,自然,iOS 自带浏览器也会支持。

但是Google于2016/06/16,宣布了将停止支持Swiffy的消息,作为一款将.SWF(Adobe Flash)文件转换成HTML5格式的工具,它将于7月1号与大家告别。与此同时,Swiffy Flash扩展也将停止工作。

adobe的产品 flashcc

这个产品了解的不多,而且是收费的,所以这里不多做介绍。

腾讯产品 Fanvas

Fanvas是一个把swf转为html5 canvas动画的系统,由两部分组成:Actionscript实现的解析器、js运行库。

github地址: https://github.com/Tencent/Fanvas/

Fanvas的优势?


1、从swf文件直接转化为Html5动画(google的swiffy和adobe的flashcc都不支持,两个产品都需要通过fla源文件处理);

2、精简编排的JSON数据,使swf转化后的js数据文件非常小,普遍比flashcc导出的要小20%到50%;

3、精简的运行库,混淆后只有35k,gzip后只有10k左右。而swiffy和flashcc的运行库混淆后都超过100K;

4、开源,可供使用者二次开发(请保留Fanvas字样或版权声明)。

第二个方案,用js来模拟渲染flash文件

shumway 方案

Shumway是由社区开发但得到Mozilla官方支持的一个开源项目,基于HTML5技术,能渲染SWFT格式文件,用JavaScript编写Flash虚拟机和运行库。

Shumway与PDF.js项目一起,使用户能够在浏览器和沙箱里观看Flash和PDF文件,将大大提高安全性。

个人感觉这个是支持flash的做好的方法,不需要进行转换,上面的转换方式需要把flash转换成HTML的canvas动画和js 的data文件,这个完全不需要,我的项目也采用了这种方案来支持js

github地址:https://github.com/mozilla/shumway

演示地址:http://mozilla.github.io/shumway/

可以看一下我的地址: http://www.yingyuke.net/shumway/

via。https://cloud.tencent.com/developer/article/1367086

 

当前页面是本站的「Google AMP」版。查看和发表评论请点击:完整版 »