关于前端:Web音视频入门系列Web音视频发展历史

2次阅读

共计 2121 个字符，预计需要花费 6 分钟才能阅读完成。

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

网络上的 Web 资源由 Web 服务器公布，具备对立资源定位符（Uniform Resource Locator），用户能够在浏览器中输出 URL 来查看该资源。Web 资源能够是任何类型的下载媒体，咱们平时看的网页也是其中一种，是应用了超文本标记语言（HTML）格式化的超文本文档。
晚期的 HTML，因为带宽、技术等各种因素限度，以简略的动态内容为主，只反对一些文字图片内容和简略的排版（下图为 94 年 Yahoo!）。不反对在线观看音视频。

随着互联网的倒退，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 于 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。

随着 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 年，我抉择了四个时段进行简略介绍，程度无限，欢送大家提出贵重的倡议。最初求个点赞！谢谢！

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

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

正文完