用 jquery/html5 替换 flash答案

【问题标题】：Replace flash with jquery/html5用 jquery/html5 替换 flash
【发布时间】：2012-02-17 05:21:03
【问题描述】：

我有一个项目，大多数页面都使用 Flash。现在客户想用 jquery/html 替换 flash。那么我必须从哪里开始呢？

该项目有 swf 文件，它是由 swfobject(javascript) 嵌入的。有人可以帮我提供一个想法或步骤，我可以如何将 swf 转换为 javascript/html？

【问题讨论】：

哇，对不起。没有简单的方法可以做到这一点。如果您有原始的 Flash 文档（一个 .fla 文件），您可以先导出使用的图片并重新创建结构。如果您没有原始的 Flash 文档，我会为您感到更糟。 Flash 文件就像打印文档世界中的 PDF - 它们是用来访问的，而不是重写的。
@Lamariffic 确实如此，因为它们不打算以其他格式重写。 PDF 和 Flash 文件可以通过适当的 Adobe 产品轻松修改，将它们移植到其他格式是一场噩梦。
你是对的！我有一个有 swf 文件的项目。所以我们需要使用 javascript/jquery 重新创建 flash 的来源。让我试着询问一下来源。
是否可以将 swf 转换为 .fla ？那么我可以开始导出使用的图片了吗？
尽可能地尝试获取 fla 文件和用于制作 Flash 页面的任何其他对象。如果您没有 .fla，则最好使用打印屏幕，然后使用 Photoshop 或 Gimp 将图像切片。如果你有视频，你必须以某种方式获得原件。如果有动画，则无法将它们移植到 jquery - 您将不得不重新制作它们。首先使用 html/css 构建您的静态站点和功能，然后使用 jQuery 添加动画。

【解决方案1】：

你试过Wallaby或Swiffy吗？ Adobe 也在对 other ways 中过度使用 Flash 的消亡做出反应。

【讨论】：

【解决方案2】：

如果 Flash 不包含大量动画/动态交互，那么我会说您应该遵循以下流程：

创建内容结构简单、一致的 HTML 文档。如果您不确定如何执行此操作，那么我建议您找出与语义标记相关的一些基本原则（Google 是您的朋友，这里有很多很棒的资源 - 但here's a starter I just came across）。 在这个阶段不要担心涉及动画或特殊用户交互的元素 - 只需将 HTML 中的一部分放在这些元素现在需要去的地方
使用 CSS 以所需外观布置文档结构。一次执行此步骤 - 从页面中最大的元素开始，一直到最小的元素（我发现这是可靠构建 UI 的最佳方式，尽管其他人可能会采用不同的方法）。
一旦您的基本页面结构正确并且看起来不错，就可以专注于动画/交互方面了。最简单的方法是使用其他人的工作：jQuery 插件。确定您需要的功能并找到已经提供该功能的插件（即您提到了幻灯片功能 - 谷歌搜索“jQuery 幻灯片”并尝试使用这些选项 - 会有很多）。

实际上，如果您对 HTML/CSS/JS 不是特别熟悉，这对您来说并不是一件容易的事。以下是一些可能对您有所帮助的其他想法：

首先关注内容结构：如果你做对了，其他一切都建立在它之上，痛苦少得多。此外，Google 非常喜欢良好的文档结构，因此这将有助于提高网站的搜索结果排名。
不要太担心 HTML5：除了您必须做额外的工作以使其与浏览器完全兼容（至少，如果您需要大量浏览器兼容性），实际上还没有必要利用 nav 或 video 之类的元素（除非您的客户端不允许使用 Flash 视频 - 但这是另一个讨论）。不要咬得太多。
保持一致，这与上面的第一点有关 - 如果您在所有文档中一致地 将结构应用于元素，则可以更轻松地利用相同的 CSS 和 JS。
至于本页其他地方的 w3schools cmets，我想说不要将它们用于教程 - 但它们可以作为学习 HTML 元素和属性以及 CSS 规则的有用参考资源（尽管还有许多其他网站可以在这里提供帮助）。

好吧，我希望这对你有所帮助。抱歉，我不能更具体，但我需要更详细地描述你的问题，然后才能给你更多……祝你好运

【讨论】：

这真的很有帮助！谢谢扎克
很高兴我能帮上忙。不要忘记标记正确的答案（这个或任何其他答案对您最有帮助）。对于有相同问题的人来说，知道哪个答案解决了特定问题非常有用。只是提到这一点，因为你是新来的。干杯，

【解决方案3】：

1) 学习 Flash（希望你已经做到了）

2) 学习 Javascript。学习html5。有很多资源和教程。

3) 获取flash项目的源码。阅读并慢慢重写为 javascript。

4) 一旦你翻译了项目，它可能是次优的。在 javascript 中思考将一些类似 flash 的结构更改为类似 javascript。做一些小的优化，直到你对结果满意为止。

【讨论】：