【Chrome web.dev Live 2020总结】第2天第12集:放大Web:与先进的Web技术建立联系

举报
华为云官网技术团队 发表于 2020/07/22 17:08:49 2020/07/22
【摘要】 Zoom 是一家正在快速发展的在线会议服务公司,现在已经提供了浏览器版本,但是性能肯定比客户端要差了不少,所以他们想要了解怎么做才能提升在线版的Zoom的用户体验。他们关注了三个最新的api,并对比了他们的优劣。

汇报者:

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 能干什么


【版权声明】本文为华为云社区用户翻译文章,如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容, 举报邮箱:cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。