百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术文章 > 正文

永别了,Flash

zhezhongyun 2025-02-06 17:10 35 浏览


因为 Flash,互联网得以变成今天的模样。

「设个闹钟,夜里爬起来偷菜。」

十几年前,80 后玩《开心农场》、《黄金矿工》、《森林冰火人》的痴迷劲儿就跟今天 90 后、00 后熬夜刷抖音差不多。这些游戏简单、易上手,且无一例外都是用 Flash 制作,而 4399、7K7K、2144...... 这些五花八门的 Flash 小游戏网站,也成为很多人游戏启蒙的开端。

然而从今天开始,Flash 将正式「退役」。早在 2017 年,「亲妈」Adobe 就宣布将在 2020 年 12 月 31 日停止对 Flash Player 更新,鼓励内容开发者转换为其他开放格式。

Adobe 舍弃在移动互联网时代已经变得低效和臃肿的产品,并不意外。作为曾经人们玩游戏、看视频的「默认方式」,从高光时期接近 98% 的市场占有率,到现在不足 4%,Flash 的结局不免令人唏嘘。

Flash 的发展历程很好地印证了一句话:只有始终迭代的技术,所有红极一时的产品走到时代的交叉路口,选择只有两种:要么进化,要么被更好的产品所替代。


Flash 缔造的「网页时代」

Wired UK 如此评论 Flash 对于互联网的重要意义:1996 年之前,互联网是一个静默、沉闷的地方,Flash 的出现开始让它充满声音和色彩,预示着现代互联网(modern web)的到来。

Web1.0 时代,网页多是文字排版和分辨率极低的图片,Flash 通过矢量格式的图片和动画,既解决失真问题,又将图片大小压缩到几十到几百 KB。

Flash 并非 Adobe 亲生。Flash 源起一款矢量绘图软件,万维网的出现让创始人 Jonathan Gay 意识到他们可以创建一款制作网页动画的程序(FutureSplash Animator),以及动画播放器(FutureSplash Player),以「全套网络图形工具」为卖点在 1996 年发布。

「在此之前制作动画应该是动画工作室分内之事,当时动画发行渠道也只局限在录像带。」这是 FutureSplash 所带来的突破性意义。

其实在产品面世前,公司因经营不善找到 Adobe 希望被收购。不过后者当时的重心在一款 PDF 编辑软件 Acrobat 上,用「如果人们需要动画,我们可以在 Acrobat 里添加动画功能」的理由拒绝了。

接着,FutureSplash 找到新的卖家——Macromedia,更名为如今我们熟知的 Flash。微软、迪士尼迅速发掘了这家小公司,分别将其产品应用在 MSN 门户网站,多媒体儿童内容。「1998 年,Flash 已经站稳了脚跟,对于那些想要比当时 Web 标准提供更炫酷一些的网站开发者来说,Flash 是既定的选择,越是那些将 Web 看作新媒介的创意艺术家,越欢迎 Flash。」Ars Technica 写道。


由 Flash 驱动的内容产业逐渐扩展到动画、游戏、Web 开发、在线广告等领域,并且围绕这一技术催生了无数大大小小的公司。

在 Web 视频,Flash 也发挥了巨大价值。当意识到微软等巨头的 Web 视频解决方案是复制传统电视体验,而在互联网初期远达不到时,Flash 再一次利用简单和易用的属性,很快占领了市场。2015 年之前,Flash 一直都是 YouTube 的默认播放器,国内土豆、优酷等视频播放网站也将 Flash 视为「行业标准」。

拒绝收购 Flash 的十年之后,Adobe 再也坐不住了。它以 36 亿美元收购了 Macromedia,其中 30 亿是为 Flash 开出的价码。


拐点到来前的溃败

第一个站出来反对 Flash 的是乔布斯。

2010 年,Flash 风头正盛时,乔布斯一篇「我对于 Flash 的思考」,在外界看来就如给「棺材板钉上了第一颗钉子」。他直指 Flash 封闭,坚持作为独立的第三方插件,不兼容触控屏。Flash 给用户的体验还依然停留在 PC 端,在可靠性、安全性、性能上越来越成问题。

2011 年,Adobe 宣布停止安卓版 Flash Player 的开发,这意味着 Flash 彻底折戟在移动端。

溃败并不是从乔布斯站出来的这一刻开始的。现在 Flash 能解码编码 H.264,3D 渲染,播放 7.1 声道环绕声,支持游戏手柄,逐渐变得臃肿,连乔布斯都称「Flash 是导致 Mac 经常崩溃的罪魁祸首」。加上易于开发,利用 Flash 开发的产品也愈发庞杂,粗制滥造的产品在网络泛滥。

而让巨头纷纷抛弃 Flash 的原因还是因为封闭。随着 HTML5、CSS、JavaScript 等开放的网络标准日渐成熟,苹果、微软都举双手欢迎。开发者逐渐抛弃安全漏洞多、消耗资源多的 Flash,尤其对于吃电池续航的移动端来说。

2015 年,安全机构 NTT Group 发布报告,漏洞攻击者最钟情的「目标」从 Java 转移到 Flash,后者包揽了十个最危险的安全漏洞。

这让 Chrome、Firefox 等浏览器暂停对 Flash 的支持。Chrome 的声明令人唏嘘,它写道,「2014 年,80% 的桌面 Chrome 用户每天访问至少一个含有 Flash 内容的网站,2017 年这一数字下跌到 17%,并且还在持续下跌。」

曾经神坛上的 Flash 正在一步一步跌落,Facebook 转用不需要安装插件的 HTML5 技术来播放视频和社交游戏,目前微软也确认 Windows 10 的下一次更新将自动删除 Flash。Adobe 自己更是通过弹窗提醒用户永久删除该软件。


再见 Flash,爷青结

Flash 的一个重要意义是在带宽不高的年代让人们看上动画和视频,到了中国之后,它却因为「牛皮癣」式的弹窗广告遭人唾骂和白眼。然而今天,不能以一款产品好坏的角度看待它,或多或少,Flash 都作为构建一段互联网历史的存在。

足够多的受众、低成本的开发工具、支持所有 Web 浏览器的跨平台便捷性,Flash 催生了 Flash 动画、游戏制作这一职业,在中国他们有一个非常形象的代名词——闪客。

Newgrounds(Flash 游戏门户网站)创始人 Tom Fulp 回忆道,「2007 年那时候,靠制作 Flash 游戏就可以谋生了。制作自己想要的游戏,并且养活自己,几乎是每个人的梦想,真的很有趣。」在中国也一样,在还不是遍地闪客的时候,有人靠着制作 Flash 拿到人生第一桶金。


「Flash 激活了我们现在视为当然的内容创作文化和氛围。」Wired UK 一文中写道。

无奈时间的脚步从不停歇。当 Flash 弊端愈发横生,新鲜互联网事物层出不穷,它的退场不过是顺应了技术浪潮的交替,就连原来充斥着 Flash 小游戏的 4399,也逐渐被 H5 小游戏代替填满。

从发布关停声明起,已经有多个互联网项目着手保存已有的 Flash 作品,小小系列、《魔塔》、《皇家守卫军》、《森林冰火人》、《闪客快打》…

人们拥抱更加完美的技术,但让无数人不舍的是,在贫瘠的互联网初期,「闪客们」仅用一台电脑和一根网线就创造了如此多美好的回忆。


本文作者:沈知涵

图片来源:EducationWeek

责任编辑:于本一

本文首发于极客公园,转载请联系极客君微信geekparker。



相关推荐

怎样设置EditText内部文字被锁定不可删除和修改

在做项目的时候,我曾经遇到过这样的要求,就是跟百度贴吧客户端上的一样,在回复帖子的时候,在EditText中显示回复人的名字,而且这个名字不可以修改和删除,说白了就是不可操作,只能在后面输入内容。在E...

iOS的布局体系-流式布局MyFlowLayout

iOS布局体系的概览在我的CSDN博客中的几篇文章分别介绍MyLayout布局体系中的视图从一个方向依次排列的线性布局(MyLinearLayout)、视图层叠且停靠于父布局视图某个位置的框架布局(M...

浏览器滚动条hover时变粗、改变颜色

今天应UED的要求对项目的滚动条进行美化,原生的滚动条虽然很实用,但确实不美观。用了一些css美化后::-webkit-scrollbar{height:9px;width:9...

QML控件类型:ComboBox、Control(qml buttongroup)

Control一、描述Control是所有控件通用功能的抽象基类型。它从窗口系统接收输入事件,并在屏幕上绘制自身。二、控件布局控件的implicitWidth和implicitHeight通...

学习CSS布局:简单表格布局代码示例

性能优化-学习CSS布局:简单表格布局代码示例CSS是现代Web设计和开发的必备技能之一。而表格布局是Web页面中常用的布局之一,用于展示数据和信息。在这篇文章中,我们将介绍如何使用CSS创建一个简单...

UE5之UMG基础第1篇:统一网格面板(ue5 新功能)

目标:记录和学习UE5的UMG方法制作UI,使用UniformGridPanel制作效果如下:步骤1.增加前言:UniformGridPanel统一网格面板,就是所有子元素大小和间隔等统一,这种效果...

JS的 DOM 尺寸与位置属性(js设置dom属性)

#头条深一度-深度阅读计划#在JavaScript开发中,操作DOM元素的尺寸和位置是常见的任务,尤其是在实现动画、布局调整或响应式设计时。本文将全面解析JavaScript中与DOM...

SpriteJS:图形库造轮子的那些事儿

从2017年到2020年,我花了大约4年的时间,从零到一,实现了一个可切换WebGL和Canvas2D渲染的,跨平台支持浏览器、SSR、小程序,基于DOM结构和支持响应式的,高...

理解CSS中的百分比单位:相对尺寸的核心规则

在CSS中,百分比(`%`)是一种灵活且强大的相对单位,但其具体行为常让开发者感到困惑。本文将深入解析百分比单位的计算规则,帮助你彻底掌握其背后的逻辑。一、百分比的核心:参考系(包含块)百分比的值始...

36个工作中常用的JavaScript函数片段「值得收藏」

作者:Eno_Yao转发链接:https://segmentfault.com/a/1190000022623676前言如果文章和笔记能带您一丝帮助或者启发,请不要吝啬你的赞和收藏,你的肯定是我前进的...

如何使用css完成视差滚动效果?(css 视距)

视差滚动(ParallaxScrolling)是指多层背景以不同的速度移动,形成立体的运动效果,带来非常出色的视觉体验我们可以把网页解刨成:背景层、内容层、悬浮层使用css形式实现视觉差滚动效果的方...

vant-List 列表(vant select)

引入importVuefrom'vue';import{List}from'vant';Vue.use(List);基础用法List组件通过lo...

Vue3问题:如何使用WangEditor富文本?能自定义才是真的会用!

笔者|大澈大家好,我是大澈!今天的问题,来自于上周末问题留言的朋友嘻嘻哈哈。欢迎大家在周末的问题留言推文中,积极进行问题留言,把这周工作日遇到的问题,分享给大家瞧瞧,或者直接进问答群,一起交流唠...

微信小程序开发极简入门(二):样式,页面,数据

前文:微信小程序开发极简入门(一)样式wxss:/**放在页面的wxss**/.scrollarea{flex:1;overflow-y:hidden;}.idx_view{...

AI+Code驱动的M站首页重构实践:从技术债务到智能化开发

本文分享了阿里巴巴找品M站首页重构项目中AI+Code提效的实践经验。面对M站技术栈陈旧、开发效率低下的挑战,我们通过楼层动态化架构重构和AI智能脚手架,实现了70%首页场景的标准化覆盖+30%的...