【问题标题】:Converting Flash video to HTML5将 Flash 视频转换为 HTML5
【发布时间】:2010-08-13 10:02:09
【问题描述】:

我的网站上有一个 Flash 视频 (.swf),我希望它转换成这样的格式,以便它在 iphone/ipad 上仍然可用。有什么可能的方法吗?我可以将其转换为 HTML5 吗?如果是,任何人都可以建议该过程,如果不是,任何人都可以建议任何其他方法吗?任何帮助将不胜感激。

【问题讨论】:

    标签: flash html safari


    【解决方案1】:

    绝对有可能将 flash 转换为 html 5,这取决于您想要做什么。这样做的一个很好的例子是 www.zombo.com (flash) -> http://html5zombo.com/ (html 5)。

    如果您查看 html5zombo.com 上的源代码,就会看到他是如何做到的(转载如下)

    HTML5zombo.com 范伯特兰 (bertrand@fan.net) 2010 年 5 月 19 日

            I wanted zombo.com on my iPad. That is all.
    
            ===================================================================
            How I did it, for nerds:
            ===================================================================
    
            Watched the Net tab for zombo.com in Firebug            
    
            wget http://www.zombo.com/inrozxa.swf
            wget http://www.zombo.com/welcomeclip.swf
    
            Opened them in SWFRIP to extract the MP3 and SVG representations of the logo and spinner.
            Opened the SVG files in Adobe Illustrator (ironic, I know), tweaked a bit, exported new SVG files
    
            Copy-pasted the SVG contents into this HTML file, tweaked the attributes a bit
    
            Wrote the JS code to rotate the SVG spinner
    
            Converted the MP3 to OGG using oggenc2 (not really necessary for the iPad, but apparently for Firefox)
    
            Discovered that the iPad does not respect autoplay on HTML5 audio tags, crafted a javascript link for iPads
    
            wget http://www.zombo.com/favicon.ico
    
            ===================================================================
            References:
            ===================================================================
    
            http://www.zombo.com/
            http://twitter.com/zombocom
            http://sourceforge.net/projects/swfrip/
            http://developer.apple.com/safari/library/documentation/AudioVideo/Conceptual/Using_HTML5_Audio_Video/AudioandVideoTagBasics/AudioandVideoTagBasics.html
            http://html5doctor.com/native-audio-in-the-browser/
            http://emacsformacosx.com/
            http://www.apple.com/hotnews/thoughts-on-flash/
    

    【讨论】:

    • 虽然这是一个(冗长的)解决方案,但它需要很多技巧和耐心,而且本质上不是转换本身,我认为我们的海报是在寻找一种转换文件的工具。除此之外,我非常喜欢上面的解决方案并且不会敲它,我认为我们都可以从中学到一些东西。
    • 但这只涵盖了极其简单的动画[旋转、补间动画]...如果他有骨骼动画、颜色补间、大量图层等怎么办?
    【解决方案2】:

    为什么不两者兼得。这是一个视频教程,展示了如何制作 Flash 视频,但带有 HTML5 后备 http://gotoandlearn.com/play.php?id=128 [编辑] 假设这确实是一个视频,您需要将其转换为合适的视频文件

    【讨论】:

      【解决方案3】:

      Gordon 取得了不错的效果。确实适用于简单的视频,但我们无法让任何交互式工作。

      【讨论】:

      • 如果可能的话,你能分享一下你是如何使用 Gordon 的吗?
      【解决方案4】:

      www.doom9.org有你需要的所有视频转换教程

      编辑:您是指实际 flash 视频 (flv),如格式或只是 flash (swf)?

      编辑重新评论 好的,如果没有交互,你仍然可以将它转换为 html5 友好的视频格式,有一个谷歌,有很多转换器。在没有兼容 html5 的浏览器的情况下,您可能希望使用 flash 作为后备,这样您就可以支持 microsoft 推送的旧(和新)废话,以及兼容现代标准的浏览器

      【讨论】:

      • 我很抱歉造成混淆,它只是 flash(.swf) 并且没有任何交互性。
      【解决方案5】:

      简而言之,不,不,你不能。 Flash 使用完全独立的语言 Actionscript,它与 HTML 或 XHTML 完全不同! Actionscript 几乎可以看作是一种在属性上类似于 Javascript 的语言,而 XHTML 几乎可以看作是 XML 的后代,虽然它不是 XML,但你懂我的意思。

      不幸的是,在您的情况下,我认为您需要重新开发您的网站或为移动用户提供替代页面。您始终可以拥有一个登录页面,并检测用户是否不是 iPhone、Android 等移动设备,并将他们重定向到针对他们的需求进行了优化的网站。

      我认为 Flash 到 HTML 或 XHTML 转换器会受到我们许多人的欢迎,因为它比您想像的客户现在希望他/她的 Flash 网站为静态或 XHTML 的情况更常见。

      【讨论】:

      • 看看第一个答案,如果你的 Flash 网站只有动画,有很多工具可以将其转换为视频格式(Flash 本身可以),你可以向 iPhone 用户展示他们可以阅读的视频格式。如果您的闪光灯具有交互性,那当然是不可能的。
      • “当一位杰出但年迈的科学家说某事是可能的时,他几乎肯定是对的。当他说某事不可能时,他很可能是错的。” - Arthur C. Clarke 的第一定律
      • @StephenPaulger - 如果您注意到我帖子下方的评论,您也会注意到我提到的事实,即仅动画并非不可能,但如果具有交互性则不可能。跨度>
      【解决方案6】:

      使用 swftools 的 swfextract 获取视频:

      http://wiki.swftools.org/wiki/Swfextract

      【讨论】:

        【解决方案7】:

        mobisoftinfotech.com 网站上的此页面有助于了解所涉及的标准流程。 http://mobisoftinfotech.com/wp-includes/development%20methodology%20flash%20to%20html5.pdf

        【讨论】:

        • 您应该避免仅链接的答案,因为链接往往会随着时间的推移而衰减。
        • 另外,这个链接现在已经失效了,所以根本没有答案。
        猜你喜欢
        • 2014-04-04
        • 2012-08-16
        • 2018-04-09
        • 1970-01-01
        • 2010-10-30
        • 2011-03-13
        • 2012-08-23
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多