用jquery / html5替换flash

Question

我有一个项目，它使用闪存来处理大多数页面。现在客户端想用jquery / html替换flash。那么从哪里开始呢？

项目有swf文件，它由swfobject（javascript）嵌入。 有人可以帮助我提出一个想法或步骤如何将swf转换为javascript / html吗？

Answer 1

如果Flash不包含大量的动画/动态交互，那么我会说你应该按照这些方式进行处理：

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

实际上，如果您对HTML / CSS / JS不是特别熟悉，这对您来说不是一项简单的任务。以下是一些可能对您有所帮助的想法：

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

嗯，我希望这会帮助你。对不起我不能更具体但我需要更详细的描述你的问题才能给你更多...祝你好运

Answer 2

1）学习Flash（希望你已经实现了）

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

3）获取flash项目的来源。阅读它并慢慢重写为javascript。

4）一旦你翻译了项目，它就显然不是最理想的。在javascript中思考将类似flash的结构更改为类似javascript的结构。做一些小的优化，直到你对结果满意为止。

Answer 3

您是否尝试过Wallaby或Swiffy？ Adobe正在对other ways中过度使用Flash的过程做出反应。