头图

【Mobile Dev Weekly #382】WebRTC简介

道道里

🥳 欢迎有兴趣的小伙伴,一起做点有意义的事!本文译者:道道里

我发起了一个周刊翻译计划仓库地址访问地址

现在还很缺志同道合的小伙伴,纯属个人兴趣,当然对于提升英语和前端技能也会有帮助,要求:英语不要差的离谱、github熟练使用、有恒心、谦虚、对自己做的事负责。

想参与的小伙伴,可以wx私信,也可以给仓库发issue留言,我博客也有具体的个人联系方式:daodaolee.cn

前言

如果你对 WebRTC 这个概念有疑惑,你大可能会去谷歌上查相关资料,然后你会看到类似这样的句子:

WebRTC 是一个开源项目,允许您向应用程序添加点对点实时通信功能。

我们来分析一下这句话都告诉了我们什么:

  1. 开源项目

    顾名思义,它是一个可以免费使用的开源项目。

  2. 点对点

    你不需要专门为 WebRTC 而去准备一个昂贵的媒体服务器。一般的媒体服务器,视频通话可能需要 1 Mbit/s 的带宽。如果你有一个 1000 活跃用户的平台,你需要准备 1Gbit/s 的带宽,那如果你有 100 万用户怎么办?

  3. 实时通讯

    一般我们听到实时通讯这个概念的时候,普通人都会想到音频-视频通话,而实时通讯则是一个更为广泛的概念。

    您可以使用 WebRTC 传输实时数据。

    比如一款名叫 Haxball 的在线游戏,也可以使用 WebRTC 功能来完成。又比如ShareDrop 是一个允许您点对点发送文件的网站。您可以将文件发送到本地网络,甚至可以点对点地发送到不同的网络。

  4. 应用程序

    WebRTC 最初发布时,它的目标是运行在 Chrome 上的 Web 应用程序。但是今天,你可以在几乎所有流行的浏览器、Android、iOS 和桌面平台上开发 WebRTC 应用程序。

    Chrome、Firefox、Safari、Edge 和 Opera 等流行浏览器在桌面和移动浏览器上都支持 WebRTC。 WebRTC 还允许应用程序开发人员使用原生框架进行 iOS 和 Android 原生开发。

哪些产品使用了 WebRTC?

WebRTC 目前成为了视频和音频通话的网络通信标准。大多数流行的视频通话应用程序已经在使用它了,就像:

  • Zoom
  • Microsoft Teams
  • Google Meet & Google Duo
  • Facebook Messenger
  • Jitsi
  • Twilio
  • Discord

根据 2017 年的 Kranky Geek 活动,谷歌在活动上分享了一个统计数据:

注意!这个统计数据是 4 年前的,也就是说在其开始流行之前,视频和音频通话的使用量猛增。如果某一天内的 WebRTC 使用量超过数十亿分钟,也不用觉得惊讶。

WebRTC有什么优势?

那为什么这这么多平台会使用 WebRTC 呢?它又能带来什么好处?

如果是之前的情况,你在创建实时通讯的应用程序或平台的时候,需要考虑很多因素,比如:

  • 通讯的质量(延迟、媒体质量、稳定性等)
  • 访问设备硬件(相机、麦克风等)
  • 网络使用(带宽使用、网络限制等)
  • 视频和音频的编码/解码
  • 安全性
  • UX 改进功能(降噪、回声消除等)
  • 支持跨平台(Windows、Mac、Linux、Android、iOS 等)

这些是我目前能想到的,可能还有更多。

如果使用 WebRTC的话, 你不需要考虑上面这些!WebRTC 可以使应用程序开发人员能够使用简单的 API 启动实时通讯能力。

提供的 API 就像 getUserMedia() 一样简单。不仅如此,应用程序还可以使用此 API 访问设备的摄像头和麦克风。对于其他重要的 API,会在接下来的文章中详细介绍。

应用程序的职责是什么?

到这里,你可能会想 “如果 WebRTC 这么厉害,我应该怎么去使用它?”。

信令信道 和 媒体信道 是通讯中的两个不同的概念:

  • 当你呼叫你的朋友的时候,你的手机首先会向你朋友的手机发送呼叫请求。然后,如果你的朋友接听电话,它将向您的手机发送接听电话响应。这个过程发生在信令信道上。
  • 在你的设备收到接受响应后,你可以听到你的朋友的声音,这发生在 媒体信道上。 WebRTC 技术遵循了和其他通讯技术一样的方法。

下图是 信令信道(Signalling) 和 媒体信道(media) 的示例图:

WebRTC 负责媒体信道中的数据传输,它会让应用程序去处理信令信道。

再来看一张图,你在 Device-1 上的应用程序会调用 WebRTC 的 API 并向 Device-2 发送请求。然后 Device-2 也应该做同样的事情:

到此为止,我们对 WebRTC 有了一个简单的认识,在后面的文章里,将会详细的介绍 WebRTC 相关内容,敬请期待!

相关资料

WebRTC in a Nutshell (Ep-I)

翻译计划原文

阅读 445

周刊翻译计划
🥳 目前涉及JavaScript Weekly、Mobile Dev Weekly、Frontend Focus、React Status、Node Weekly 和 CSS ...

满岸春江柳,萦絮漫情愁,若能添得花香袖,自有群蜂乱芳羞。

4 声望
0 粉丝
0 条评论

满岸春江柳,萦絮漫情愁,若能添得花香袖,自有群蜂乱芳羞。

4 声望
0 粉丝
文章目录
宣传栏