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

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

早期HTML

网络上的 Web 资源由 Web 服务器发布,具有统一资源定位符(Uniform Resource Locator),用户可以在浏览器中输入 URL 来查看该资源。Web 资源可以是任何类型的下载媒体,我们平时看的网页也是其中一种,是使用了超文本标记语言(HTML)格式化的超文本文档。
早期的HTML,由于带宽、技术等各种因素限制,以简单的静态内容为主,只支持一些文字图片内容和简单的排版(下图为94年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 中嵌入来进行播放。人们除了电视之外,有了一种更新颖、更便捷的视频分享和观看的渠道,用户数量不断增加,不少人开始尝试拍摄制作视频并上传到视频网站进行分享,视频网站开始蓬勃发展。

HTML5的到来和Flash的淘汰

4

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

<!-- 一个简单的video标签 -->
<video src="movie.mp4" poster="movie.jpg" controls></video>

在智能手机时代到来后,人们开始在各种不同的智能设备上看视频,这就需要站点能有更好的兼容性,提供更优质的观看使用体验。并且由于 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。

结尾

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

(文中部分内容来源于网络,如有侵权请联系删除。)