欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

10年来HTML5如何给Flash这只病猫盖棺的详解

程序员文章站 2022-05-27 20:59:37
...
8 月 9 日,谷歌正式宣布:自今年 9 月发布的 Chrome 53 起,谷歌浏览器将屏蔽 90% 的 Flash 内容,年底还会把 HTML5 作为网页内容标准。消息看起来简单,背后却是长达 10 年的拉锯战。

10年来HTML5如何给Flash这只病猫盖棺的详解

谷歌博客最新文章(Flash and Chrome)的截取

6 年前我们还没有朋友圈可以刷的时候,全球科技博客&论坛上演过这么一场骂战,主角是撕逼界 NO.1 乔布斯。想当年,乔帮主狂喷多媒体领域的霸主 Flash,极力吹捧 HTML5,还不为多数人理解……

10年来HTML5如何给Flash这只病猫盖棺的详解

时至今日,眼看 HTML5 不留情面地“鲸吞”Flash 份额,国内 H5 营销更愈演愈烈,我们终于可以理直气壮地说:“帮主英明!”

1、“要么适应苹果,要么死亡。”

10年来HTML5如何给Flash这只病猫盖棺的详解

乔布斯 2010 年在苹果全球开发者大会

10 年 1 月 iPad 苹果发布会上,有眼尖记者发现大屏幕上的网页有部分区块不支持 Flash,导致内容不能播放。Adobe Flash 的产品经理 Adrian Ludwig 怒了,立马写篇文章说:

沒有 Flash,iPad 将无法存取网络上 70% 的游戏、75% 的影视內容。

3 天后,乔布斯作了场内部演说,回应道:

(都怪)Adobe 太懒了。

他指责 Flash 的 Bug 太多,常常害得 Mac 当机;现在 HTML5 才是大势所趋,如果 Adobe 不根据苹果的发展方向调整,只能让 Flash 等死。

早在 2007 年苹果发布 iPhone,OS 系统就不支持 Flash,所以 Adobe 只好在 09 年推出 Packager for iPhone,用于把 Flash 游戏等包装成 iPhone 应用。

可乔布斯不吃这套,索性鼓吹各大网站设计出 HTML5 的影音版本,更在 10 年 4 月初改掉 iPhone 的开发者条款,宣告用 Flash 转成 iPhone 应用的形式不能通过审查。

10年来HTML5如何给Flash这只病猫盖棺的详解

乔布斯《Flash 之我见》的原文截取

事件又发酵了 1 个多星期,乔布斯发表那封举世闻名的公开信《Flash 之我见》(Thoughts on Flash),论点有六:

(1)Adobe 太封闭了,产品 100% 私有。

(2)Flash 影片大多遵循H.264 格式,这种格式苹果是支持的;至于没有 Flash 游戏,不足以错过 APP Store 里精彩的游戏人生。

(3)一旦支持 Flash,苹果移动设备的稳定性、安全性会大大降低。

(4)Flash 非常耗电。

(5)想让 Flash 适应触控设计,你得重写代码,还不如用更先进的 HTML5。

(6)最后也是最重要的,完全依赖第三方软件开发,会延误我们所有人使用其他产品的新功能。

乔布斯之所以有这样的底气,源于 2004 年起苹果就联合傲游等浏览器厂商完善已有 HTML 标准,通过 3 年的努力促使万维网联盟(W3C)对其标准化,也就是后来的 HTML5。新标准具备构建浏览器应用的能力,重新定义了 Web 开发。

帮主这么强硬,Adobe 怎么办?

2、谷歌、Facebook、Youtube……后来连 Adobe 也嫌弃 Falsh

10年来HTML5如何给Flash这只病猫盖棺的详解

Flash 之墓(图片来源:腾讯科技)

在苹果主导下,10 年谷歌加入 HTML5 阵营(这意味安卓同样吃不消 Flash),之后越来越多公司暗地“变节”。2014 年 10 月 HTML5 定稿,多米诺骨牌一倒便一发不可收拾——

  • 15 年 1 月,Youtube 抛弃 Flash,默认播放 HTML5 视频

  • 15 年 7 月,火狐浏览器封杀旧版 Flash 播放器

  • 15 年 9 月,谷歌浏览器屏蔽部分 Flash 内容

  • 15 年 12 月,Adobe 合并 Flash 与 HTML5 制作软件,更名 Animate CC

  • 15 年 12 月,Facebook 把全站视频默认切换为 HTML5

  • 16 年 5 月,谷歌浏览器宣布会默认用 HTML5 取代 Flash

  • 16 年 8 月,谷歌浏览器全面屏蔽 Flash

  • 16 年 12 月,谷歌浏览器将全面支持 HTML5

  • 17 年 1 月,谷歌广告平台将不再允许投放 Flash

也不怪苹果恶霸,自打 07 年 iPhone 抛弃 Flash,9 年多来 Adobe 独掌 Flash 大权一直“不思悔改”。为修正各种各样的 Bug,去年 Flash 光补丁就出了 316 个,几乎全年无休。

谁还记得它彼时的辉煌?

Flash 是一种交互式矢量图与 Web 动画标准,因为体积小、易于传输、不失真等优点,契合 2000 年前后小带宽的互联网环境,迅速在全球崛起。

2005 年,Flash 所属公司被 Adobe 以 34 亿美元天价收购,名声大噪。此后,它横跨互联网影视、游戏、广告三大领域,市场占有率高达 97%。

然而就在去年年底,Adobe 因为实在遭不了骂,把 Flash 制作软件并在 HTML5 制作软件 Edge 中,变身 Animate CC。

10年来HTML5如何给Flash这只病猫盖棺的详解

Flash 更名被外媒贬低(图片来源:thehackernews)

别说近几年国外原本坚定 Flash 阵营的大小企业已从试水,转为迫不及待地拥抱 HTML5,国内包括百度、腾讯、阿里巴巴在内的各大互联网巨头也悄悄在 HTML5 上布局,出可视化工具、办微信应用号,发布游戏引擎……应有尽有。

3、HTML5 商业化——风险收益各几何?

10年来HTML5如何给Flash这只病猫盖棺的详解

百度“H5 页面制作工具”的新闻结果截取

当乔布斯和 Adobe 互撕的时候,很多科技博主担心 HTML5 缺乏制作工具。而经过国内外这几年的技术沉淀,这已不成问题。

今天百度“H5 页面制作工具”,你看到的是百花齐放——正如帮主所料,你不会再面对一家独大的局面。

不论市场上发生什么事,他们就是要赚钱。

Forrester Research 分析师这样解释 Adobe 的策略。可惜事实证明,它连钱都不好赚了(此处突然想到柯达),原因有三——

(1)市场准入规则的变化

10年来HTML5如何给Flash这只病猫盖棺的详解

国内外 HTML5 页面生产的代表性产品

上面这张图适合找个时间细细品味。

以前我们只有 Adobe Flash,因为 Flash 标准牢牢掌握在 Adobe 手里。但 HTML5 是开放的,很多相关 API、JavaScript 甚至开发引擎都开源,生产工具的技术壁垒从此被打破,市场也变得开放起来。

(2)营销终端重心的变化

没人料到老美捣鼓了 10 年的 HTML5,14 年因为《围住神经猫》先在中国火了。在微信的助力下,国内掀起移动社交营销的热潮,此后五花八门的现象级 H5 层出不穷。

因为我们以基于 Web 的网站为主,工具制作效率、更新迭代远高于国外 Tumult Hype、Google Web Designer 等软件,在移动广告巨大的市场需求驱动下,网站功能也直逼软件产品。

(3)企业盈利模式的变化

10年来HTML5如何给Flash这只病猫盖棺的详解

Adobe 官网购买界面的截取

我这辈子用 Adobe 旗下软件超过 10 种,从没花过半分钱,但它还在遵循守旧的工具售卖模式。

看谷歌霸气的⋯⋯

谷歌网页设计师可供免费下载、免费使用。(Google Web Designer is free to download, and free to use. )

反观国内,面向企业级 H5 制作、功能完全免费的有几个,据我所知是:百度 H5 平台、iH5 和搜狐快站。它们背后代表新的盈利模式,不卖功能卖广告,要么网页挂靠 Google Ads 等广告渠道卖 CPM、CPC、CPA,要么有隐性植入得付费去广告。

有人说 HTML5 是 Flash 的继承者,可我不这么认为。如果 Flash 是往昔 PC 多媒体的霸主,HTML5 就是移动多媒体的开山鼻祖,还会是颠覆 PC 端的后起之秀。

只是由于 Flash 的历史遗留过为庞杂,时至今日谷歌等浏览器所言的“屏蔽”不是彻底的,更多是在表明一种决绝的态度。PC 端用户依旧能手动加载 Flash,但默认加载完全由 HTML5 支持。

最后引用科技媒体的 4 条行业评论:

2010 年——苹果杀不死 Flash,但 HTML5 可以。”

2012 年——你会发现 PC 没装 Flash 会很痛苦,但是 iOS 用户没有 Flash 却也活得很好。”

2014 年——当年在 Apple 宣布永不支持 Flash 的那一刻,迎来的是一片骂声;然而在 Android 也抛弃了 Flash 的今天,人们才开始明白苹果的远见。”

2016 年——“谷歌(全面封杀 Flash)这一举动,相当于给 Flash 的棺材钉上了最后一颗钉子。”

大局已定。

以上就是10年来HTML5如何给Flash这只病猫盖棺的详解的内容,更多相关内容请关注PHP中文网(www.php.cn)!








相关标签: HTML5,Flash