位置: 主页 > 设计热门 >安息吧 Flash,HTML5 终究是网页与影片的开发霸主 >
  • 安息吧 Flash,HTML5 终究是网页与影片的开发霸主

    2020-07-03

    安息吧 Flash,HTML5 终究是网页与影片的开发霸主

    卡式录音带(Cassette tapes)、匣式录音带(8-track tape)和 …… Flash。这三个媒介都需要一个播放器材能够使用,而且这三个媒介要不就是死了不然就是在垂死边缘。就像 CD 因为能更有效率的播放音乐而取代了录音带一样,数位档案也取代了 CD,现在 HTML5 也让 Flash 开始显得过气了。

    在网页工程师之中,HTML 与 Flash 的争论已经是存在了好几年的热门话题 —— 特别是在 Steve Jobs 发表了那篇恶名昭彰的 2010 公开信,表示 HTML5 才是真正的未来,而 Flash 将「不再必要」。但不论你是支持 Flash 还是 HTML5,你都无法否认 HTML5 在网页和影片上的应用是来真的。

    对于线上影片,HTML5 提供两项 Flash 无法提供的支援:行动端的可行性与语意标记(Semantic Markup)。行动端互动深度的成长;娱乐、广告、和购物对互动式影片的需求增加;以及 HTML 的开放式结构,这些都为 HTML5 在网页上的称霸建立了基础,最终要把 Flash 逼入「功成身退(过气)的科技名人堂」。(所以 Windows XP、Palm Treo 你们可能要让点位,Flash 很快就要来加入你们了。)

    行动装置杀死了大明星 Flash

    因为 iOS 和许多 Android 装置都不支援 Flash,表示 Flash 的使用範围就被限制在 PC 市场中 —— 然而,根据资讯科技研究公司 Gartner 的资料,这是个在 2013 到 2012 年间出货量下降了 10% 的市场。

    根据商业广告研究机构 IAB(Interactive Advertising Bureau,互动广告局),美国几乎一半的手机用户都拥有网路连接,并且每五个网页访客中就有一个是来自行动装置。这个数字每个月都在增加,而还在用 Flash 製作互动影片的人们就等于是错失了一大票行动端的客户,因为他们无法在行动装置上播放 Flash 影片。

    安息吧 Flash,HTML5 终究是网页与影片的开发霸主

    就拿美国知名摇滚歌手 Bob Dylan 在去年底发布的「Like a Rolling Stone」互动式影片 作为例子吧!上百万的 PC 用户都在那个像电视一样的介面上开心的点来点去。

    但是,那些想在手机或平板电脑上看这支影片的使用者的使用经验就不怎幺理想了:Android 用户只会看到一小段预告片,并收到一段讯息请他们到 PC 上观看完整的影片;而 iOS 的用户则被导引到一个 App 的下载页面─—— 不管是哪个选项总之就是不能再他们的行动装置浏览器上播放影片就对了。

    如果说有 1/5 的网页浏览量是来自行动装置,那就表示每五个人中就有一个人得要面对这样糟糕的使用者经验。

    而当广告业者、购物业者和企业主们都开始把注意力集中在行动端的重要性,当然也就会发现 Flash 在线上影片的严重限制。

    IAB 敦促广告主在所有行动广告上尽可能的使用 HTML5

    在 IAB 近期发布的一封公开信中 ,IAB 敦促广告主在所有行动广告上尽可能的使用 HTML5,才能够在不同的平台上运行。数间主要出版业者与广告公司都共同签署了这封信 —— 包括 AOL、Conde Nast、Forbes、Google、New York Times、Time、和 Wall Street Journal。信中表示,为了保障这些付费广告能「在任何萤幕上都完美展示」,广告应该要做成能与行动装置相容的格式。

    「而在製作行动端可用广告上,唯一开放、符合产业标準、格式通用的,就是 HTML5,」信中这幺描述。

    在数位行销公司 Sizmek 的年度全球标竿报告的一篇文章《突破界线:互动深度遍及全球》中,该公司点出,转而採用与行动端相容度较高的 HTML5 可以被说是数位广告产业在 2013 年最重大的转变之一。

    这份透过 2013 年全球 9 千多亿份广告印象分析来揭露关键趋势的报告表示,「我们可以预见 2014 年的 HTML5 使用率大幅上升,因为产业将会积极的採用这项能够确保内容在不同萤幕完美曝光的出版标準。」

    这个能在不同平台上展示广告的功能不仅是对出版业者很重要,另一件很重要的事情是,一旦一个观看者点了这则广告后,他应该要能够可以没有任何困难的买到他想要的产品。但这却不是常态,因为採用 Flash 的网站会限制行动端用户的行动。

    在一次友人的经验中,他本来打算用 iPad 在 Amazon 上花 $400 美元以上买个吸尘器的,但他想播放的那个产品影片因为缺乏 Flash 支援无法打开,终于逼得他放弃购买。这对于 Amazon 来说真是个巨大的损失。

    那到底为什幺 Amazon 不把所有的影片做成 HTML5 的格式?

    当然,有可能是工程师们还在努力要赶上新标準。毕竟你无法否认,过去对于工程师们来说,用 Flash 比用 HTML5 要容易多了。

    从 Flash 到 HTML5 的数位大风吹

    Forrester 近期发布的一篇报告 标题是:《促进企业移动化:认识下一代对发展、递交、和参与的新需求》。文中指出,使用 HTML5 製作应用程式时,在 59% 的状况中是会比预期的更花时间。主要是因为要在非原生响应式框架下测试并且修复各种状况。

    HTML5 并非完美;它还在开发的早期。但幸运的是,有一些厉害的公司就是专门为你解决这样的问题 —— 你可以在一些软体服务平台上工作,你就可以只要专心在你的创意上就好了。

    无论如何,这些困难都是无法阻止企业主和游戏开发商的。在一个开源网页应用框架供应商 Sencha近期的一份报告中,超过 60% 的企业应用开发者已经将重要专案转换到 HTML5 或 Hybrid,而超过 70% 的 HTML 与 Hybrid 开发者在今年都比过去更大量的使用 HTML5。

    行动装置影片不是唯一的罪魁祸首

    在游戏产业中,用 HTML5 建立的游戏越来越多。本部位在荷兰的 Spil Games 就是一个採用 HTML5 的开发商。该公司计画在今年底前发行超过 1,000 个 HTML5 的游戏。

    Spil Games 在网页上已经发行了 5,000 个 Flash 游戏,但这也代表了在他们资料库中,有 5,000 个无法在手机或平板上运作的游戏。

    根据 Digital Buzz Blog,使用者在 iOS 和 Android 上所花的时间中,有 32% 是拿来玩游戏。透过 HTML5,开发者能够创造出可在任何装置上运作的游戏。只要看看 Google 之前在 Google Chrome Experiments 中所做出的那些超酷玩意儿就知道了(它们全都是用 HTML5 和 JavaScript 做成的,加上一些开放网页技术像 Canvas、WebGL、和 WebRTC)。

    而那个 压死 Flash 的最后一跟稻草是 …… SEO。

    正如前面所说,行动端的应用是 HTML5 相对 Flash 来说最明显的优势,但在语义结构下,有另一个重要理由让 HTML5 的互动影片显得更加出色。由于 Flash 是一个完全封闭的容器,网路爬虫与搜寻引擎无法直接看到 Flash 的内容,永远也没办法。

    而这为什幺重要呢?因为在一个互动式影片的语义架构中,你可以用网页爬虫能够理解的片段在 HTML5 中来建造你的专案。但在 Flash 中,你被网路爬虫扫过时,你得到的只是一个黑盒子,显示出是一个 Flash 影片,除此之外再也没有别的资讯了。

    安息吧 Flash,HTML5 终究是网页与影片的开发霸主

    让我们再来看看另一个互动式音乐影片(请点上图),这是个片长 24 小时,以 HTML5 为基础建立的专案,内容是美国饶舌歌手 Pharrel Williams 的「Happy」。观众能够与这个长 24 小时、有一群舞者对嘴 Pharrell 歌曲的影片进行互动,非常完美的显示出你能够用 HTML5 做出多幺强大而令人身临其境的作品。

    每 4 分钟就会换一个或一群新的舞者,总共 360 个片段──其中的 24 个包含了 Pharrell 本人。除了他自己之外,还有许多知名人物的客串,如 Steve Carell、Jammie Foxx、Magic Johnson、Kelly Osborn…等。

    这支影片真的相当出色,唯一可惜的是他因为没有採用语义架构而错失了许多潜在机会。如果他有好好的建好的话,这 360 个片段都应该要各自指向一个网页,这样才能够让观赏者去 Google 搜寻 Jimmie Foxx 然后就跳出从该片段开始播放,或其他类似的功能。再没有语义架构的状况下,如果你没有看完整支影片,你就无从知道这些精采片段会出现在哪里。

    HTML5 最终会成为行动装置创意内容的通用格式

    把影片建构在语义架构下能够允许网路机器人在爬过的时候以不同页面分辨不同的影片片段。这个影片就能够得到标题标籤和其他所有一般标準网页会有的资讯(H1 标籤、后设资料…等),这样就能够让机器人把每个片段当做个别的网页扫过,分别读出内容,使得搜寻排名能够提高。

    那些不用 HTML5 去製作影片的内容供应商都已经落后了,而且他们要是在不赶快把发行语言换成 HTML5 的话,很快就会被淹没在滚滚黄沙中。但好消息是,现在开始有许多公司专门帮助你得到 HTML5 的所有好处,并为你解决所有的技术困难。

    随着行动装置的使用比重不断上升,那些还觉得 Flash 是最好的影片格式的人大概很快就得要改变心意了,而 HTML5 最终也会成为行动装置创意内容的通用格式。

    延伸阅读:

    HTML5 在中国要变开发趋势了,Coder 你怎幺看?

    (资料、图片来源:The Next Web)



    上一篇: 下一篇: