HTML5凭什么将Flash“拍死”在沙滩上？

怼烎@ 2022-04-10 02:14 133阅读 0赞

**放在最前面希望不会影响你的观看，文章很不错哦!**

自己整理了一份2018最全面前端学习资料,从最基础的HTML+CSS+JS \[炫酷特效，游戏，插件封装，设计模式\]到移动端HTML5的项目实战的学习资料都有整理，送给每一位前端小伙伴, 有想学习web前端的，或是转行，或是大学生，还有工作中想提升自己能力的，正在学习的小伙伴欢迎加入学习。

加Q Q群：956940552（招募中）

--------------------

**“长江后浪推前浪，前浪死在沙滩上”这句话送给Flash最好不过。**

这项在PC时代立下汗马功劳的互动技术，不得不承认在性能和安全性上都已经落后了，HTML5这股后浪已势不可挡地将Flash拍倒在岸上。

随着 2020 年停止更新和分发，这也宣告着 Flash 时代的终结。

**盛极一时的Flash时代**

![HTML5凭什么将Flash“拍死”在沙滩上？][HTML5_Flash]

Flash的前身是FutureSplash Animator，在出现时它仅仅作为当时交互制作软件Director和Authorware的一个小型插件，后来才由Macromedia公司出品成单独的软件。曾与Dreamweaver(网页制作工具软件)和Fireworks(图像处理软件)并成为"网页三剑客"。Flash随着互联网的发展，在Flash4版本之后嵌入了ActionScript函数调用功能，使互联网在交互应用上更加便捷。该公司及旗下软件于2007年被Adobe公司收购并进行后续开发。(Macromedia最后一个版本为Flash8，Adobe收购后第一个发布的版本为Flash CS)

![HTML5凭什么将Flash“拍死”在沙滩上？][HTML5_Flash 1]

![HTML5凭什么将Flash“拍死”在沙滩上？][HTML5_Flash 2]

![HTML5凭什么将Flash“拍死”在沙滩上？][HTML5_Flash 3]

**移动时代的凋零谢幕**

但随着移动时代到来后，Flash开始由盛转衰。开始暴露出一些列的问题，如会严重影响移动设备的电池续航能力、播放卡顿崩溃、掉帧、加上后来频频爆出安全漏洞，像前段时间中国区的提供版Flash就被爆出了收集用户隐私信息，Flash的发展越来越不顺遂。

更重要的是，FLASH的底层代码是封闭的，一旦出现漏洞，除了等待ADOBE公司修复外，我们毫无办法。

随着对互联网安全的要求不断提高，FLASH的封闭特性已经越来越不能满足挑剔的人们，这其中最激进的就要数已故的苹果公司的前CEO史蒂夫·乔布斯了，他很早就在苹果所有产品中禁用FLASH并大力推广HTML5！

![HTML5凭什么将Flash“拍死”在沙滩上？][HTML5_Flash 4]

在2010年的一封公开信中，苹果公司时任CEO史蒂夫·乔布斯曾谴责Flash在可靠性、安全性和性能上有所欠缺。**“Flash已经过时。”**乔布斯指出，包括HTML5在内的一些技术开始成为Flash的替代品。

**为什么H5已经成为在线视频播放器主流技术？**

语义特性（Class：Semantic）

HTML5赋予网页更好的意义和结构。更加丰富的标签将随着对RDFa的，微数据与微格式等方面的支持，构建对程序、对用户都更有价值的数据驱动的Web。

本地存储特性（Class: OFFLINE STORAGE）

基于HTML5开发的网页APP拥有更短的启动时间，更快的联网速度，这些全得益于HTML5 APP Cache，以及本地存储功能。Indexed DB（html5本地存储最重要的技术之一）和API说明文档。

设备兼容特性 (Class: DEVICE ACCESS)

从Geolocation功能的API文档公开以来，HTML5为网页应用开发者们提供了更多功能上的优化选择，带来了更多体验功能的优势。HTML5提供了前所未有的数据与应用接入开放接口。使外部应用可以直接与浏览器内部的数据直接相连，例如视频影音可直接与microphones及摄像头相联。

连接特性（Class: CONNECTIVITY）

更有效的连接工作效率，使得基于页面的实时聊天，更快速的网页游戏体验，更优化的在线交流得到了实现。HTML5拥有更有效的服务器推送技术，Server-Sent Event和WebSockets就是其中的两个特性，这两个特性能够帮助我们实现服务器将数据“推送”到客户端的功能。

网页多媒体特性(Class: MULTIMEDIA)

支持网页端的Audio、Video等多媒体功能， 与网站自带的APPS，摄像头，影音功能相得益彰。

三维、图形及特效特性（Class: 3D, Graphics Effects）

基于SVG、Canvas、WebGL及CSS3的3D功能，用户会惊叹于在浏览器中，所呈现的惊人视觉效果。

性能与集成特性（Class: Performance Integration）

没有用户会永远等待你的Loading——HTML5会通过XMLHttpRequest2等技术，帮助您的Web应用和网站在多样化的环境中更快速的工作。

CSS3特性(Class: CSS3)

在不牺牲性能和语义结构的前提下，CSS3中提供了更多的风格和更强的效果。此外，较之以前的Web排版，Web的开放字体格式（WOFF）也提供了更高的灵活性和控制性。

而根据网站通讯流量监测机构StatCounter公布了今年5月份全球浏览器市场份额数据，Chrome浏览器以58.09%的市场占有率稳居世界第一，而国内大厂的的几款浏览器基于Chrome内核，也就是说如果继续沿用Flash插件，**不改用HTML5播放器，视频将无法观看**。

**保利威HTML5播放器有什么亮点？**

**在这样一个后 Flash 时代，保利威率先提前布局HTML5播放器**。为用户带来播放更快、更安全、更稳定、更清晰、更优质视频观看体验。

功能上，新上线保利威HTML5播放器支持倍速播放、视频版权保护、多码率功能、自定义广告、跑马灯防录屏，弹幕实时互动和礼物动画等多项功能。

![HTML5凭什么将Flash“拍死”在沙滩上？][HTML5_Flash 5]

▲ 视频加密

![HTML5凭什么将Flash“拍死”在沙滩上？][HTML5_Flash 6]

▲ 倍速播放

其中多项功能专门为企业而量身打造，像**视频加密基于apple hls标准结合AES128加密算法、Sdk级别密钥保护、跑马灯防录屏**等特别适用需要对视频进行版权保护的场景，如教育行业，培训视频等。还有自定义广告，让企业主投放自定义广告，对自己的产品进行宣传和品牌营销。

目前，保利威的HTML5播放器已正式上线**。除IE浏览器外，包含chrome、和基于chrome内核的QQ浏览器、360浏览器等国内外主流浏览器最新版本均完美支持**。

新用户无需安装任何插件，打开保利威即可默认优先使用H5播放器，畅快享受远离卡顿的观看体验，老用户则可在管理后台设置—视频设置—点击开启优先使用H5播放器。

[HTML5_Flash]: /images/20220404/63c133b034a1448facd6b13a9cacf935.png
[HTML5_Flash 1]: /images/20220404/b13151b521134af992c990e1a6843584.png
[HTML5_Flash 2]: /images/20220404/fe7da72c74ee4bd28be8ed0ddc782ce2.png
[HTML5_Flash 3]: /images/20220404/fb4a2e1e415848578eff581ef80dd107.png
[HTML5_Flash 4]: /images/20220404/0f7acb13486a40f7915557f71a039e15.png
[HTML5_Flash 5]: /images/20220404/ed44f1bea2e14df0b460c6f84a06c628.png
[HTML5_Flash 6]: /images/20220404/13c549b637a84d27bdc89b653379654a.png