我有一个项目，大部分页面都使用了Flash。现在客户想要用jQuery/HTML替换Flash。那么我应该从哪里开始呢？
该项目有.swf文件，并且是通过swfobject（JavaScript）嵌入的。 有人能帮我提供一个想法或步骤，告诉我如何将swf转换为JavaScript / HTML吗？
用jQuery/HTML5替换Flash
4
- user1165815
6
2哇，很抱歉。没有容易的方法可以做到这一点。如果你有原始的Flash文件（一个.fla文件），可以先导出使用的图片并重新创建结构。如果你没有原始的Flash文件，那我感到更加难过。在打印文档世界中，Flash文件就像PDF文件——它们旨在被访问，而不是被重写。 - Lamariffic
@Lamariffic 在某种程度上是正确的，因为它们不是为了在其他格式中重写而设计的。PDF和Flash文件可以很容易地从适当的Adobe产品进行修改，但将它们移植到其他格式则是一场噩梦。 - Ben Brocka
你说得对！我的项目有一个swf文件。因此，我们需要使用javascript/jquery重建它的源代码。让我试着问一下源代码的事情。 - user1165815
是否可能将swf文件转换为.fla格式？这样我就可以开始导出使用的图片了吗？ - user1165815
尽可能获取 fla 文件和制作 Flash 页面所使用的任何其他对象。如果没有 .fla 文件，则最好使用打印屏幕，然后用 Photoshop 或 Gimp 切割图像。如果有视频，必须以某种方式获取原始文件。如果存在动画，则无法将其转移到 jQuery - 您将不得不重新制作它们。首先使用 html/css 构建静态站点和功能，然后再使用 jQuery 添加动画效果。 - Lamariffic
对于那些在2018年及以后搜索此类问题并需要证明它并不容易的人们：
我目前正在进行这样的项目，时间是2018年底。我们收到了20000个Flash文件。大多数SWF文件甚至无法导出，因为它们会在Canvas/WebGL导出期间使Animate CC崩溃。更重要的是，脚本文件有点混淆。我们无法访问逻辑或完整的动画。
祝你好运！ - Erik Rybalkin
3个回答
3
如果Flash中没有大量的动画/动态交互，我建议您按照以下步骤进行处理：
- 创建HTML文档，其中内容以简单、一致的格式结构化。如果您不确定如何做到这一点，我建议您了解一些与语义标记相关的基本原则（谷歌是您的好朋友，在这里有很多优秀的资源-但这是一个我刚刚找到的入门级别）。在这个阶段不要担心涉及动画或特殊用户交互的元素-只需将这些元素需要放置的部分暂时搁置在HTML中
- 使用CSS对文档结构进行布局，以实现所需的外观。逐步进行此操作-从页面中最大的元素开始，逐渐向下处理较小的元素（我发现这是可靠地构建UI的最佳方法，尽管其他人可能会采用不同的方法）。
- 一旦您的基本页面正确结构化并且外观良好，就可以开始关注动画/交互方面。最简单的方法是使用其他人的作品：jQuery插件。确定您需要的功能，并查找已经提供该功能的插件（即，您提到了幻灯片放映功能-谷歌“jQuery幻灯片放映”，并尝试各种选项-将有很多）。
实际上，如果您对HTML/CSS/JS不是特别熟悉，这将不是一项简单的任务。以下是一些其他的想法，可能会对您有所帮助：
- 首先关注内容结构：如果你做得对，其他所有东西都会更容易。此外，谷歌真的喜欢良好的文档结构，因此这将在一定程度上有助于提高网站的搜索结果排名。
- 不要过于担心HTML5：除了你必须做额外的工作来使其完全兼容浏览器（至少，如果你需要大量浏览器兼容性），目前还没有必要利用像
nav或video这样的元素（除非你的客户不允许使用Flash视频 - 但这是另一个讨论）。不要贪多嚼不烂。 - 保持一致，这与上面的第一点有关 - 如果你在所有文档中一致地应用结构到你的元素中，那么你就可以更容易地利用相同的CSS和JS。
- 至于本页面其他地方关于w3schools的评论，我会说不要将它们用作教程 - 但它们可以作为学习HTML元素和属性以及CSS规则的有用参考来源（尽管还有许多其他网站可以帮助你）。
希望这能对你有所帮助。很抱歉我不能给你更具体的答案，但在我能够提供更多帮助之前，我需要更详细地了解你的问题......祝你好运。
- Zac Seth
1
很高兴能够帮助到你。别忘了标记正确的答案（无论是这个还是其他任何帮助你最多的答案）。对于遇到相同问题的人来说，知道哪个答案解决了特定的问题真的非常有用。我提到这一点是因为你在这里是新手。干杯！ - Zac Seth
0
1) 学习Flash（希望你已经掌握了它）
2) 学习Javascript。学习html5。有很多资源和教程。
3) 获取Flash项目的源代码。阅读并逐步重写为Javascript。
4) 一旦你翻译了项目，它可能不是最优的。考虑使用Javascript来改变一些类似于Flash的结构，使其更像Javascript。进行小的优化，直到你对结果满意。
- Danubian Sailor
4
如果只是普通的Flash制作的网页，你可以跳过1）和3）。不需要Flash源代码，就可以轻松复制这个效果。第5）步骤是最重要的。 - Esailija
谢谢你的答复。所以我想先问一下Flash的源代码。 - user1165815
@Esailija 这个网站很正常，它在首页幻灯片和其他页面的横幅中使用了Flash并带有一些交互功能。 - user1165815
无需Flash - Erik Rybalkin
网页内容由stack overflow 提供, 点击上面的可以查看英文原文，
原文链接
原文链接