1、首先，点击Chrome的【自定义及控制】按钮，这个按钮在Chrome的右上角；然后选择【设置】，打开设置界面。
成都创新互联，专注为中小企业提供官网建设、营销型网站制作、自适应网站建设、展示型网站设计制作、成都做网站等服务，帮助中小企业通过网站体现价值、有效益。帮助企业快速建站、解决网站建设与网站营销推广问题。
2、在百度中搜索Magic Swf2Gif名称，在搜索结果中下载这款软件。该款软件为绿色软件，直接运行下载软件文件夹中的exe文件就可以打开程序。进入软件界面，点击左下角的【添加文件】选择要转换的Flash动画。
3、这个要在有H5播放器的前提下，才可以设置，如果只有FlashPlayer插件的播放器，那作为用户是没有权限更改的。
4、打开B站guan 网，点击任意视频进入播放页面 打开视频播放页面后，点击播放器下方的“齿轮”按钮。
5、方法/步骤 在百度中搜索引擎中输入：Wallaby下载，出现如图选择一个链接进行下载。下载完成后，双击安装软件，跟着安装向导的指示来装。装好后双击桌面的Wallaby软件，运行程序。
6、这个图标在推荐视频栏上面，点击其设置。 点击三个小点点的设置图标之后，会出现功能窗口，高级弹幕，HTML5播放器，Flash播放器的选项，选择HTML5播放器就可以切换为HTML5播放器页面。
WebStorm WebStorm是一款Java开发工具，目前已经被广大中国JS开发者誉为\Web前端开发神器\、\最强大的HTML5编辑器\、\最智能的JavaIDE\等。
在开发移动和桌面应用的工具中，Sencha的定位是HTML5可视化应用开发。开发团队可以在一个单一集成的环境中完成应用的设计、开发和部署。开发者还可以开发SenchaTouch2和ExtJS4JavaScript应用，并实时预览。
WebStorm WebStorm是jetbrains公司旗下一款JavaScript开发工具。目前已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScriptIDE”等。
Mixeek。Mixeek是一个免费的软件工具，可以用来设计和交互Web动画。该工具基于JavaScript、CSS和HTML5。Mixeek轻便易用，可以代替付费动画工具。Animatron。Animatron是一个直观的设计和发布编辑软件。
LimeJS LimeJS是一个HTML5游戏开发框架，用于快速构建运行于触屏设备和桌面浏览器的游戏。非常棒的HTML5开发工具，一定要用用试试。以上就是向大家推荐12款优秀的HTML5开发工具。希望能帮到大家。
③：MobileAngularUI MobileAngularUI是使用bootstrap3和AngularJS的响应式移动开发HTML5框架。
首先要准备一张有连续帧的图片，然后利用HTML5 Canvas的draw方法在不同的时间间隔绘制不同的帧，这样看起来就像动画在播放。
素材：图片一张。框架的建立（如下图）将图片素材引入网页。定义canvas标签，获取canvas的上下文。定义一个画图片的函数，使用canavs绘图API里面的drawImage来完成。
进度条的实现：canvas的图片预加载 demo测试：通过一个demo测试框架 这一节我们先来说说通用类的提取。