把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/