【Chrome web.dev Live 2020总结】第2天第12集:放大Web:与先进的Web技术建立联系
汇报者:
Thomas Nattestad,说自己是产品经理,但我倾向于其实是马特达蒙戴了假发套来客串的
主题内容:
Zoom 是一家正在快速发展的在线会议服务公司,现在已经提供了浏览器版本,但是性能肯定比客户端要差了不少,所以他们想要了解怎么做才能提升在线版的Zoom的用户体验。他们关注了三个最新的api,并对比了他们的优劣。
正在使用的 WebRTC 是老家伙了
WebRTC ,Web Real-Time Communications, 是一项实时通讯技术,它允许网络应用或者站点,在不借助中间媒介的情况下,建立浏览器之间点对点(Peer-to-Peer)的连接,实现视频流和(或)音频流或者其他任意数据的传输,主流的浏览器全部支持良好。
但是对于Zoom来说,更期望一些简单的、基础的api能够用来二次封装,以实现自己的架构和系统,所以三个技术映入了我们的眼帘:
1 WebAssembly SIMD:
WebAssembly:
也是我们的老熟人,作为一种可以在浏览器中运行的类汇编语言,可以使各种语言都在web环境中运行,不论是C、C++还是Rust,都可以通过WebAssembly在浏览器上顺利工作
WebAssembly SIMD(Single Instruction Multiple Data):
根据维基百科,SIMD是一种采用一个控制器来控制多个处理器,同时对一组数据(又称“数据向量”)中的每一个分别执行相同的操作从而实现空间上的并行性的技术。是一种CPU基本指令集的扩展。
那么,WebAssembly 和 SIMD的结合,应该可以再次提高浏览器内程序的运行效率。
SIMD 的应用
从图中可以看出,SIMD的功能可以应用到各种场景中, 其中把视频中人的背景抹去再加上想要的东西,想必我们在一些直播平台都看过类似的功能了
2 WebTransport
什么是 WebTransport
WebTransport被誉为下一代客户端与服务端通信的方式,该 API 与 WebSocket 相似,也是客户端和服务器的双向连接,但允许进一步减少客户端和服务器之间的网络通信延迟,并且还支持多个流、单向流、乱序和不可靠传输(basically,UDP和TCP的结合?)
对比一番
3 WebCodecs
Codec 是什么
根据维基百科,codec 指的是数字通信中具有编码、译码功能的器件,如硬件设备或电脑程序。
Codec 的应用
在Chrome中,其实已经有很多的应用,比如说 <audio> 和 <video> 标签、WebAudio 等
WebCodecs 能干什么
- 点赞
- 收藏
- 关注作者
评论(0)