专栏首页jerryteng的专栏从代码层面解决chrome不支持flash的方案
原创

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

adobe-flash-logo.0.jpg

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

原创声明,本文系作者授权云+社区发表,未经许可,不得转载。

如有侵权,请联系 yunjia_community@tencent.com 删除。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 学习Go语言-组织源码文件

    jerryteng
  • 如何编写好的单元测试

    单元测试,首先要明确这个单元,从一个单一方法到整个类都可以是一个单元,单元测试就是针对这个单元所写的测试用例。

    jerryteng
  • PHP爬虫小结

    这里有一个 https://github.com/hightman/pspider 项目,很完善,也是采用了socket方式。

    jerryteng
  • 解决vue本地环境跨域请求正常,版本打包后跨域代理不起作用,请求不到数据的方法

    问题:在本地使用了proxyTable代理可以正常跨域请求后台数据,打包上传后就无法获得后台的json文件。查看了相关资料可以用nginx进行解决。还可以使用命...

    双面人
  • gradle加载本地jar包

    有时,我们需要的jar包不一定能在远程仓库中找到,这时我们需要加载本地的jar包。 加载单独的jar包 在项目底下添加libs目录,将jar包仍进libs目...

    似水的流年
  • 深度学习要点:可视化卷积神经网络

    AiTechYun 编辑:yuxiangyu 深度学习中最深入讨论的话题之一是如何解释和理解一个训练完成的模型,尤其是在医疗保健等高风险行业的背景下。“黑盒”这...

    AiTechYun
  • gradle加载本地jar包

    似水的流年
  • Flutter开发实战分析-pesto_demo解析

    以下代码基本参考于 flutter_gallery中的pesto_demo示例。(可以结合本文看源码)

    deep_sadness
  • Openlayers4中地图的导出

    本文讲述Openlayers4中地图的导出,包括调用天地图切片跨域、Geoserver11 WMS跨域等。

    lzugis
  • 比较R语言机器学习算法的性能

    原文:Compare The Performance of Machine Learning Algorithms in R 译文:http://g...

    机器学习AI算法工程

扫码关注云+社区

领取腾讯云代金券