Flash到HTML5转换的建议

Question

在我开始在html5中创建视听演示文稿的大型项目之前，我只是想用SO来检查是否有任何建议。我的公司有大量相当大的Flash视频，基本上是一个人说话，而屏幕上出现的文字有一些动画可以移动文字。每个视频还有一个菜单，列出每个部分，一个滑块和播放/暂停按钮（这里是一个示例：http://www.gleim.com/accounting/cpa/tutorial.php）

为了支持移动浏览器，我们希望这些视频不仅仅是闪存。我们提出的想法是使用<audio>标签来播放音频，并使文本/图像的故事板及其时间决定屏幕上显示的内容（这将由<canvas>处理或直接处理DOM操纵等）。问题是我们无法简单地将现有的Flash文件转换为这种格式，我们从现在开始只能使用它（这不是一个破坏者）。 html5版本在音频到视觉时序方面也不需要达到完全相同的精确度。

使用<video>是不可能的。

所以我的问题是：

• 有没有一种简单的方法可以将flash swf类似于演示文稿的文件转换为html5？
• 如果失败了，是否有一个现有的框架可以使html5动画幻灯片显示声音？
• 我还没有考虑过这种转换的其他替代方案。
• 如果我要自己动手，有什么建议吗？

Answer 1

• 查看Google Swiffy是否可以将您的SWF转换为HTML5动画。

• 查看MediaElement.js有关处理视频和使用JavaScript创建叠加层的信息。也许你可以做一些自定义皮肤。

Answer 2

Swiffy是一个选项（如上所述，请注意它只支持Flash Player 8和AS2的子集），而Adobe Wallaby是另一个，有点类似限制 - 只能转换时间轴动画的子集（来自源FLA的{AS2或AS3代码} - http://labs.adobe.com/wiki/index.php/Wallaby#Features_and_Support。然而，展望未来，Adobe一直在开发像Adobe Edge这样的HTML5工具，这些工具的目的是（有一天）将Flash的交互性和动画功能与HTML5相提并论。