Web音视频入门系列——Web音视频发展历史

上篇文章介绍了一些音视频的基础知识（文章传送门，求点赞啊~~）。本文和大家简单分享一下Web音视频相关技术发展的历史。

早期HTML

网络上的 Web 资源由 Web 服务器发布，具有统一资源定位符（Uniform Resource Locator），用户可以在浏览器中输入 URL 来查看该资源。Web 资源可以是任何类型的下载媒体，我们平时看的网页也是其中一种，是使用了超文本标记语言（HTML）格式化的超文本文档。
早期的HTML，由于带宽、技术等各种因素限制，以简单的静态内容为主，只支持一些文字图片内容和简单的排版（下图为94年Yahoo!）。不支持在线观看音视频。

Yahoo!

Flash的兴起

随着互联网的发展，Web应用的兴起，人们越来越渴望能在网页上显示更高级的媒体内容，比如动画、视频等等。于是 Flash 进入了人们的视野：
2000年前后，当时上网普遍使用拨号上网，受限于网络带宽条件，下载一个视频需要好几分钟，而 Flash 具有矢量绘图、边下边播、占用带宽少等特点，有利于在当时的网络条件下传播分享，于是 Flash 开始盛行，许多计算机上都安装了 Flash，网页也开始嵌入基于 Flash 制作的各种动画，广告。
2002年，Flash Player 6版本增加了对SWF文件格式视频的支持。允许用户在 Flash 中嵌入视频。
2003年，Flash Player 7版本增加了对FLV文件格式的直接支持，它的出现有效地解决了视频文件导入 Flash 后，导出的SWF文件体积庞大，导致不能在网络上有效传输使用等缺点。FLV文件体积较小、因此在网络上传输的带宽成本也小，是非常适合用于在线观看的流媒体格式。
2005年，Flash Player 支持VP6作为视频编解码器。
05年前后许多视频网站纷纷成立，国外的 youtube ，国内有土豆、优酷等。它们允许用户上传、查看、评分和分享视频。在当时，HTML并没有与音视频相关的标准，加上 Flash 具有上文所描述的诸多特点，所以早期的视频网站大多采用的是 Flash 来播放视频，即让用户安装 Adobe Flash Player 插件，并在 HTML 中嵌入来进行播放。人们除了电视之外，有了一种更新颖、更便捷的视频分享和观看的渠道，用户数量不断增加，不少人开始尝试拍摄制作视频并上传到视频网站进行分享，视频网站开始蓬勃发展。

youtube

HTML5的到来和Flash的淘汰

HTML5

HTML5 于2008年发布，并在后来不断改进完善。HTML5 引入了许多新特性和新功能，其中就包含了 video 和 audio 标签，也就是对音视频的支持。使用了支持 HTML5 标准的网络浏览器访问 HTML5 站点，用户无需在电脑上安装 Flash 插件就可以在线观看视频，摆脱了对 Flash 的依赖。

在智能手机时代到来后，人们开始在各种不同的智能设备上看视频，这就需要站点能有更好的兼容性，提供更优质的观看使用体验。并且由于 Flash 本身就存在许多安全性问题，ios 不支持 Flash 等诸多因素，导致各大视频网站纷纷开始了淘汰 Flash 的步伐。10年-12年间许多视频网站都陆续开始测试并使用 HTML5 来提供视频服务，并慢慢的开始将 HTML5 用作默认的播放选项。直到2017年，Adobe公司正式宣布弃用 Flash，并将于2020年停止对 Flash Player 的支持，分发和安全更新（文章地址）。时至今日，几乎所有仍在运营的视频网站已经没有了 Flash 播放的选项，彻底弃用了 Flash。

实时通信和WebRTC

随着4G的商业化，我们迎来了音视频应用百花齐放的时代。人们在医疗、教育、团队协作、娱乐直播等领域，对于实时音视频通信的需求不断增长。WebRTC 等技术也开始崭露头角。WebRTC 即 Web Real-Time Communications，它能通过简单的应用程序编程接口（API）为Web浏览器和移动应用程序提供实时通信，并且允许直接的点对点通信，它无需额外安装插件或下载应用程序，就可以让音频和视频通信在网页内运行。WebRTC 具有低带宽消耗、低延迟等特性。大多数主流浏览器都已经支持了 WebRTC，现如今已有许多直播应用和实时通信应用都使用了 WebRTC 技术。就在今年1月，W3C 和 IETF 同时宣布 WebRTC 成为了正式标准。在未来很长的一段时间内，WebRTC 仍具有庞大的发展潜力。这里附上WebRTC官网地址，同时他们提供了一个github仓库，里面包含了WebRTC有关的示例代码，供大家参考。后续我也会分享如何在网页上使用WebRTC。

Demo截图

结尾

这次在收集相关资料的时候发现了一个网站，以图片的形式展示了1991年至今的网站设计的趋势，大家可以看看，有兴趣的可以收藏下，Web Design Museum，文中的部分图片也取自这个网站。本文的时间跨度比较长，从上世纪90年代到现在的2021年，我选择了四个时段进行简单介绍，水平有限，欢迎大家提出宝贵的建议。最后求个点赞！谢谢！

「本文为个人原创，首发于声网开发者社区」

（文中部分内容来源于网络，如有侵权请联系删除。）