2011-11-11 44 views
5

在我开始制作一个用html5创建视听演示文稿的非常大的项目之前,我只想用SO来检查是否有任何建议。我的公司有大量的相当大的Flash视频,实际上是一个人在说话,而屏幕上出现的文字则用一些动画来移动文字。每个视频还有一个菜单,列出每个部分,滑块和播放/暂停按钮(这里是一个示例:http://www.gleim.com/accounting/cpa/tutorial.phpFlash到HTML5转换的建议

为了支持移动浏览器,我们希望视频处于某种除了闪光灯。我们想到的想法是使用<audio>标签来播放音频,并让文本/图像的故事板及其时间决定屏幕上显示的内容(这可以通过<canvas>或直接进行DOM操作等来处理)。问题是我们无法简单地将我们现有的Flash文件转换为这种格式,我们只能从现在开始使用它(这不是一个破坏者)。无论是音频还是视频时间,html5版本都不需要处于相同的精度级别。使用<video> s是不可能的。

所以我的问题是:

  • 是否有闪光swf演示样文件转换为HTML5的一个简单的方法?
  • 失败的是,是否有一个现有的框架基本上使html5动画幻灯片与声音?
  • 有没有其他的替代方案,我没有考虑过这种转换。
  • 如果我必须推出自己的产品,有什么建议吗?
+1

所以,你说的HTML5功能(视频标签)不够好(或什么),但你必须放弃Flash?我建议避免额外的工作,在需要的地方嵌入Flash,然后继续。 Flash不会在移动设备上或其他方面消失,并且将继续支持错误和安全修复程序。任何人都在说传播FUD。 – Manius

+0

@Crusader视频标签会很好,但对于我们来说,转换和维护所有视频格式以使其在所有平台上都能正常工作将需要很多工作,时间和内存。无论如何,我们可能最终不得不保持闪存以实现老旧的IE兼容性。尽管如此,我认为Flash支持正在被广泛放弃。 –

+0

现在我们对Adobe最近宣布的广泛的误解(或某些博主的反Flash宣传?)。他们不会升级用于移动设备的Flash播放器,但它不是“生命的尽头”(这会引起更多关注)。太多的电视剧女王只是想尖叫“苹果赢”,好像有一些Adobe与苹果的比赛。 Adobe是一家主要的HTML5公司。与苹果不同的是,他们并未就此事采取任何方式。 Flash将继续在桌面上得到支持和更新,在那里它更有意义,并且更加坚定。 – Manius

回答

0

Swiffy这项一个选项(如上述,请注意,它仅支持Flash Player 8和AS2的子集),并且Adobe Wallaby是另一种,这是有点类似的限制 - 只能转换时间轴动画的一个子集(没有AS2或AS3代码)来源FLA - http://labs.adobe.com/wiki/index.php/Wallaby#Features_and_Support。然而,未来,Adobe一直致力于HTML5工具,如Adobe Edge,这些工具的目的是(等同于Flash的交互性和动画功能)和HTML5。

0
  • 看看Google Swiffy可以将SWF文件转换为HTML5动画。

  • 检查出MediaElement.js用于处理视频并使用JavaScript创建覆盖图。也许你可以做一些自定义皮肤。