【Mobile Dev Weekly #382】WebRTC简介

欢迎有兴趣的小伙伴,一起做点有意义的事!本文译者:道道里
我发起了一个周刊翻译计划,仓库地址,访问地址
现在还很缺志同道合的小伙伴,纯属个人兴趣,当然对于提升英语和前端技能也会有帮助,要求:英语不要差的离谱、github熟练使用、有恒心、谦虚、对自己做的事负责。
想参与的小伙伴,可以wx私信,也可以给仓库发issue留言,我博客也有具体的个人联系方式:daodaolee.cn
【Mobile Dev Weekly #382】WebRTC简介
文章图片

前言 如果你对 WebRTC 这个概念有疑惑,你大可能会去谷歌上查相关资料,然后你会看到类似这样的句子:
WebRTC 是一个开源项目,允许您向应用程序添加点对点实时通信功能。
我们来分析一下这句话都告诉了我们什么:
  1. 开源项目
    顾名思义,它是一个可以免费使用的开源项目。
  2. 点对点
    你不需要专门为 WebRTC 而去准备一个昂贵的媒体服务器。一般的媒体服务器,视频通话可能需要 1 Mbit/s 的带宽。如果你有一个 1000 活跃用户的平台,你需要准备 1Gbit/s 的带宽,那如果你有 100 万用户怎么办?
  3. 实时通讯
    一般我们听到实时通讯这个概念的时候,普通人都会想到音频-视频通话,而实时通讯则是一个更为广泛的概念。
    您可以使用 WebRTC 传输实时数据。
    比如一款名叫 Haxball 的在线游戏,也可以使用 WebRTC 功能来完成。又比如ShareDrop 是一个允许您点对点发送文件的网站。您可以将文件发送到本地网络,甚至可以点对点地发送到不同的网络。
  4. 应用程序
    WebRTC 最初发布时,它的目标是运行在 Chrome 上的 Web 应用程序。但是今天,你可以在几乎所有流行的浏览器、Android、iOS 和桌面平台上开发 WebRTC 应用程序。
    【Mobile Dev Weekly #382】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 活动,谷歌在活动上分享了一个统计数据:
【Mobile Dev Weekly #382】WebRTC简介
文章图片

注意!这个统计数据是 4 年前的,也就是说在其开始流行之前,视频和音频通话的使用量猛增。如果某一天内的 WebRTC 使用量超过数十亿分钟,也不用觉得惊讶。
WebRTC有什么优势? 那为什么这这么多平台会使用 WebRTC 呢?它又能带来什么好处?
如果是之前的情况,你在创建实时通讯的应用程序或平台的时候,需要考虑很多因素,比如:
  • 通讯的质量(延迟、媒体质量、稳定性等)
  • 访问设备硬件(相机、麦克风等)
  • 网络使用(带宽使用、网络限制等)
  • 视频和音频的编码/解码
  • 安全性
  • UX 改进功能(降噪、回声消除等)
  • 支持跨平台(Windows、Mac、Linux、Android、iOS 等)
这些是我目前能想到的,可能还有更多。
如果使用 WebRTC的话, 你不需要考虑上面这些!WebRTC 可以使应用程序开发人员能够使用简单的 API 启动实时通讯能力。
提供的 API 就像 getUserMedia() 一样简单。不仅如此,应用程序还可以使用此 API 访问设备的摄像头和麦克风。对于其他重要的 API,会在接下来的文章中详细介绍。
应用程序的职责是什么? 到这里,你可能会想 “如果 WebRTC 这么厉害,我应该怎么去使用它?”。
信令信道 和 媒体信道 是通讯中的两个不同的概念:
  • 当你呼叫你的朋友的时候,你的手机首先会向你朋友的手机发送呼叫请求。然后,如果你的朋友接听电话,它将向您的手机发送接听电话响应。这个过程发生在信令信道上。
  • 在你的设备收到接受响应后,你可以听到你的朋友的声音,这发生在 媒体信道上。 WebRTC 技术遵循了和其他通讯技术一样的方法。
下图是 信令信道(Signalling) 和 媒体信道(media) 的示例图:
【Mobile Dev Weekly #382】WebRTC简介
文章图片

WebRTC 负责媒体信道中的数据传输,它会让应用程序去处理信令信道。
再来看一张图,你在 Device-1 上的应用程序会调用 WebRTC 的 API 并向 Device-2 发送请求。然后 Device-2 也应该做同样的事情:
【Mobile Dev Weekly #382】WebRTC简介
文章图片

到此为止,我们对 WebRTC 有了一个简单的认识,在后面的文章里,将会详细的介绍 WebRTC 相关内容,敬请期待!
相关资料 WebRTC in a Nutshell (Ep-I)
【【Mobile Dev Weekly #382】WebRTC简介】翻译计划原文

    推荐阅读