首页 > 代码库 > Flash生成HTML5动画方法

Flash生成HTML5动画方法

  1.  
  2. 方法一:利用“swiffy”将Flash转换成HTML5动画。

    首先,我们需要下载一款基于“Flash”程序的插件,名称为“swiffy”,这是一款由谷歌推出的一个Flash扩展,可以通过“Flash Professinal”软件直接将Flash源文件转换成HTML5动画。

    “swiffy”下载地址:http://pan.baidu.com/s/1hqHC4te

    技术分享
  3.  

    下载的“swiffy”程序其扩展名为“mxp”格式,双击此文件即可自动打开“Adobe扩展管理器”并安装“Swiffy”扩展应用。

    技术分享
  4.  

    在Flash源文件编辑完成后,点击“命令”-“输出为HTML5( swiffy)”项,即可将当前Fla源文件转换成HTML5动画。

    技术分享
  5.  

    同时从“Output”(结果输出)窗口中就可以查看到当前输出的HTML5动画保存位置,以及其它相关信息。

    技术分享
  6.  

    方法二:利用“Wallaby”工具将Flash转换成HTML5动画

    当前由于Flash转换成HTML5技术的成熟性,以便未来对基于HTML5动画的更广泛支持性,使得实现将Flash转换成HTML5的方法很多,因此我们还可以借助“Wallaby”工具将Fla文件转换成HTML5格式动画。

    技术分享
  7.  

    安装并运行“Wallaby”程序,选择要转换的“Fla”格式的Flash源文件,点击“Convert”(转换)按钮,即可将Flash动画转换成HTML5动画。

    技术分享
  8.  

    方法三:通过浏览器插件将Flash转换成HTML5动画格式。

    比较有明的是Chorme浏览器,在优酷、土豆等网站播放视频时,可以通过Chorme浏览器插件“YouKu HTML5 Player”将Flash视频转换成HTML5动画来观看。对此,利用Chorme浏览器打开以下网址,根据提示将插件拖动到Chrome浏览器收藏夹中即可。

    http://zythum.free.bg/youkuhtml5playerbookmark/

    技术分享
  9.  

    最后当我们观看Flash视频时,只需要点击“YouKu HTML5 Player”按钮,即可在线将Flash视频转换成HTML5动画进行观看,从而免去了广告的干扰以及网络卡的问题。

    技术分享
  10.  

Flash生成HTML5动画方法