• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >html5 > 10年来HTML5如何给Flash这只病猫盖棺的详解

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

作者:匿名 字体:[增加 减小] 来源:互联网 时间:2018-12-03

本文主要包含HTML5,Flash等相关知识,匿名希望在学习及工作中可以帮助到您
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 制作、功能完全免费的有几个,据我

您可能想查找下面的文章:

  • HTML5知识点总结
  • HTML5的本地存储
  • HTML5本地存储之IndexedDB
  • Html5实现文件异步上传功能
  • Html5新标签datalist实现输入框与后台数据库数据的动态匹配
  • 详解HTML5 window.postMessage与跨域
  • HTML5拖放API实现拖放排序的实例代码
  • 解决html5中video标签无法播放mp4问题的办法
  • HTML5新特性 多线程(Worker SharedWorker)
  • Html5新增标签有哪些

相关文章

  • 2018-12-03IE9下html5初试小刀 _html5教程技巧
  • 2017-08-06html5教程画矩形代码分享
  • 2018-12-03总结HTML5中新表单元素的使用方法及实例教程
  • 2018-12-03html5实现完美兼容各大浏览器的播放器_html5教程技巧
  • 2017-08-06HTML5 Notification(桌面提醒)功能使用实例
  • 2018-12-03图片上传插件ImgUploadJS:用HTML5 File API 实现截图粘贴上传、拖拽上传 _html5教程技巧
  • 2018-12-03H5与C3的新交互特性有哪些
  • 2018-12-03html5的canvas实现3d雪花飘舞效果_html5教程技巧
  • 2018-12-03HTML5 video 事件应用示例_html5教程技巧
  • 2018-12-03分享一个用h5制作的网页版扫雷游戏实例代码

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • Html5、CSS实现文字阴影效果实例分享
    • HTML5 里 section article 什么区别?header footer nav 该怎么理解?
    • HTML5之语义标签介绍
    • 关于HTML5语义标签的实践(blog页面)
    • 基于IE10/HTML5 开发_html5教程技巧
    • HTML5梦幻之旅——炫丽的流星雨效果实现过程_html5教程技巧
    • HTML5 Canvas处理头像上传的图文代码详细介绍
    • HTML5响应式布局基础(一)
    • 仿CSDN Blog返回页面顶部功能实现原理及代码
    • 为什么英特尔要力推HTML5?

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有