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

39次阅读

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

上篇文章介绍了一些音视频的基础知识(文章传送门,求点赞啊~~)。本文和大家简略分享一下 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 的淘汰

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

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

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

正文完
 0