0
  • 聊天消息
  • 系統(tǒng)消息
  • 評(píng)論與回復(fù)
登錄后你可以
  • 下載海量資料
  • 學(xué)習(xí)在線課程
  • 觀看技術(shù)視頻
  • 寫(xiě)文章/發(fā)帖/加入社區(qū)
會(huì)員中心
創(chuàng)作中心

完善資料讓更多小伙伴認(rèn)識(shí)你,還能領(lǐng)取20積分哦,立即完善>

3天內(nèi)不再提示

Zoom的Web客戶(hù)端和WebRTC有什么關(guān)系

LiveVideoStack ? 來(lái)源:工程師曾玲 ? 2019-02-02 15:17 ? 次閱讀

Zoom是非常出色的視頻會(huì)議平臺(tái),拿Zoom的web客戶(hù)端和WebRTC對(duì)比似乎有失公允。重要的是,未來(lái)WebRTC還會(huì)不斷做明智的改進(jìn)。

Zoom有一個(gè)Web客戶(hù)端,允許參與者在不下載他們的app的情況下參加會(huì)議。打開(kāi)chrome://webrtc-internals顯示只有g(shù)etUserMedia用于訪問(wèn)相機(jī)和麥克風(fēng),但是沒(méi)有像WebRTC那樣調(diào)用RTCPeerConnection。這讓我很感興趣-他們沒(méi)有使用WebRTC是如何打電話的?

為什么不使用WebRTC?

Zoom的Web客戶(hù)端和WebRTC有什么關(guān)系

就像他們的網(wǎng)站上所說(shuō)的那樣,Zoom和WebRTC的關(guān)系比較復(fù)雜。

JitSi團(tuán)隊(duì)最近通過(guò)比較質(zhì)量回應(yīng)了這件事。Tsahi Levent Levi也對(duì)此發(fā)表了一些有用的評(píng)論。因此,讓我們?cè)贑hrome中運(yùn)行這種非常有趣的環(huán)境下快速查看這些“優(yōu)秀特性”。

Zoom web客戶(hù)端

Chrome網(wǎng)絡(luò)開(kāi)發(fā)者工具迅速顯示了兩件事:

WebSocket用于數(shù)據(jù)傳輸

這是一些工作人員加載的WebAssembly (wasm) 文件

Zoom的Web客戶(hù)端和WebRTC有什么關(guān)系

基于WebSocket的媒體傳輸

基于WebSocket的媒體傳輸整體設(shè)計(jì)非常有趣。它使用WebSocket傳輸媒體,這當(dāng)然不是最佳選擇。類(lèi)似于WebRTC中的Turn/TCP——它會(huì)影響傳輸質(zhì)量,并且在很多情況下都不能很好地工作。使用TCP傳輸實(shí)時(shí)媒體的一般問(wèn)題是丟包,這會(huì)導(dǎo)致重新發(fā)送和增加延遲。Tsahi前一段時(shí)間在TestRTC上描述了這一點(diǎn),顯示了使用這種方案對(duì)比特率和其他特性的影響。

基于WebSocket傳輸媒體最主要的優(yōu)勢(shì)在于,它可以在TURN/TCP和TURN/TLS被防火墻阻塞時(shí),穿過(guò)防火墻。它避免了WebRTC TRUN連接不經(jīng)過(guò)認(rèn)證代理的問(wèn)題。這是Chrome WebRTC實(shí)施中長(zhǎng)期存在的問(wèn)題,去年才得到解決。

Zoom的Web客戶(hù)端和WebRTC有什么關(guān)系

在WebSocket上接收的數(shù)據(jù)進(jìn)入基于WebAssembly (WASM)的解碼器。瀏覽器中的AudioWrkLead獲取到音頻數(shù)據(jù)。從那里,解碼的音頻使用WebAudio“magic”目的節(jié)點(diǎn)播放。

Zoom的Web客戶(hù)端和WebRTC有什么關(guān)系

視頻被渲染出來(lái),這個(gè)過(guò)程出乎意料的順利,質(zhì)量也非常高。

另一方面,WebAudio通過(guò)getUserMedia調(diào)用捕獲媒體數(shù)據(jù),發(fā)送給WebAssembly編碼器編碼,然后通過(guò)WebSocket傳輸。640*360分辨率的視頻數(shù)據(jù)在發(fā)送給WebAssembly編碼器之前從畫(huà)布中獲取到,這是非常常見(jiàn)的。

WASM文件似乎包含與Zooms本地客戶(hù)端相同的編碼器和解碼器,這意味著網(wǎng)關(guān)不必進(jìn)行轉(zhuǎn)碼。相反,它可能只是一個(gè)websocet-RTP中繼,類(lèi)似于轉(zhuǎn)換服務(wù)器。編碼的視頻有時(shí)有些像素化。雖然編碼器的CPU使用率相當(dāng)高(在640×360分辨率),但這可能并不重要,因?yàn)橛脩?hù)可能將問(wèn)題歸咎于Chrome,并在下次使用客戶(hù)端。

H.264

使用WebAssembly提供媒體引擎是非常有趣的,它允許支持Chrome/WebRTC不支持的編解碼器。用emscripten編譯的FFmpeg以前已經(jīng)做了很多次了,這里似乎也使用了emscripten。通過(guò)WebSockets傳輸編碼后的數(shù)據(jù),可以使用Chrome優(yōu)秀的調(diào)試工具檢查RTP頭和一些幀來(lái)顯示H264荷載。

Zoom的Web客戶(hù)端和WebRTC有什么關(guān)系

令我驚訝的是,網(wǎng)絡(luò)抽象層單元(NALU)沒(méi)有表示H264-SVC。

和WebRTC的比較:

總之,讓我們比較一下Chrome在本例中使用的與WebRTC標(biāo)準(zhǔn)(W3C或者各種IETF草案)不同的地方:

特性 Zoom Web client WebRTC/RTCWeb Specifications
加密 基于安全Websocket的RTP DTLS-SRTP
數(shù)據(jù)通道 n/a? SCTP-based
ICE n/a for Websocket RFC 5245 (RFC 8445)
Audio codec 未知 Opus
多碼流 未研究 Chrome實(shí)現(xiàn)
Simulcast 在web client上未研究 擴(kuò)展特性

WebRTC下一版

盡管WebRTC 1.0還遠(yuǎn)遠(yuǎn)沒(méi)有完成(而且大多數(shù)開(kāi)發(fā)人員仍在使用被稱(chēng)為“遺留API”的東西),但是關(guān)于“下一個(gè)版本”的討論仍然很多。

Zoom網(wǎng)絡(luò)客戶(hù)端的總體設(shè)計(jì)強(qiáng)烈地提醒了我,在今年早些時(shí)候在斯德哥爾摩召開(kāi)的工作組面對(duì)面會(huì)議上,Google的Peter Thatcher為WebRTC NV提出的建議。請(qǐng)參閱幻燈片(https://www.w3.org/2011/04/webrtc/wiki/images/5/5c/WebRTCWG-2018-06-19.pdf)。

如果我們要在2018重建WebRTC,我們可能已經(jīng)采取了類(lèi)似的方法來(lái)分離組件。基本上采取以下步驟:

編譯用于wasm的webrtc.org編碼器/解碼器。

將解碼器與畫(huà)布連接,WebAudio用于”布局”

將編碼器和getUserMedia連接用于輸入

將編碼后的數(shù)據(jù)通過(guò)不可靠的信道發(fā)送

以某種方式連接RTCDataChannel反饋度量和音頻/視頻編碼器

該方法是從工作組會(huì)議幻燈片中看到的:

Zoom的Web客戶(hù)端和WebRTC有什么關(guān)系

與Zoom方法相比,該方案具有非常明顯的技術(shù)優(yōu)勢(shì)。例如,使用RTCDataChannels傳輸數(shù)據(jù),這比WebSocket具有更好的擁塞控制特性,特別是當(dāng)存在分組丟失時(shí)。

該設(shè)計(jì)的最大優(yōu)點(diǎn)是可以將編碼器和解碼器(以及相關(guān)的東西,如RTP打包)與瀏覽器分離,從而允許定制版本。主要問(wèn)題是找到一種好的方法,以包括硬件加速的高性能方式使數(shù)據(jù)處理脫離主線程。這是Chrome早期面臨的一大挑戰(zhàn),我記得很多關(guān)于沙箱讓事情變得困難的抱怨。Zoom看起來(lái)很好,但是我們只嘗試了1:1的聊天,而典型的WebRTC應(yīng)用程序比這個(gè)要求更高一些。重用像MediaStreamTrack這樣的構(gòu)建塊來(lái)進(jìn)行從工人到工人的數(shù)據(jù)傳輸也比使用Canvas元素和WebAudio要好。

聲明:本文內(nèi)容及配圖由入駐作者撰寫(xiě)或者入駐合作網(wǎng)站授權(quán)轉(zhuǎn)載。文章觀點(diǎn)僅代表作者本人,不代表電子發(fā)燒友網(wǎng)立場(chǎng)。文章及其配圖僅供工程師學(xué)習(xí)之用,如有內(nèi)容侵權(quán)或者其他違規(guī)問(wèn)題,請(qǐng)聯(lián)系本站處理。 舉報(bào)投訴
  • 編碼器
    +關(guān)注

    關(guān)注

    45

    文章

    3643

    瀏覽量

    134510
  • Web
    Web
    +關(guān)注

    關(guān)注

    2

    文章

    1263

    瀏覽量

    69460

原文標(biāo)題:Zoom的Web客戶(hù)端與WebRTC有何不同?

文章出處:【微信號(hào):livevideostack,微信公眾號(hào):LiveVideoStack】歡迎添加關(guān)注!文章轉(zhuǎn)載請(qǐng)注明出處。

收藏 人收藏

    評(píng)論

    相關(guān)推薦

    labview web service發(fā)布數(shù)據(jù)到客戶(hù)端瀏覽器

    現(xiàn)在我想利用LV web service將采集到的數(shù)據(jù)發(fā)布到網(wǎng)絡(luò)上去,實(shí)現(xiàn)基于 Web 的瘦客戶(hù)端模式數(shù)據(jù)共享。目前的問(wèn)題是數(shù)據(jù)是以xml格式發(fā)布到客戶(hù)端網(wǎng)頁(yè),小弟不知道怎么對(duì)數(shù)據(jù)進(jìn)行
    發(fā)表于 04-12 15:12

    求教:linux系統(tǒng)和WEB服務(wù)器什么關(guān)系?WEB服務(wù)器和網(wǎng)頁(yè)又是什么關(guān)系?

    最近在學(xué)習(xí)arm上linux系統(tǒng)移植以及WEB服務(wù)器,幾個(gè)問(wèn)題非常非常困惑,希望大家能幫忙解答一下。1.linux操作系統(tǒng)和web服務(wù)器屬于什么關(guān)系?2.配置好
    發(fā)表于 10-10 20:20

    webrtc p2p

    web前端等實(shí)現(xiàn),支持app的移植,信令服務(wù)器是websocket實(shí)現(xiàn)1.設(shè)備上線,通知信令服務(wù)器;2.web客戶(hù)端向信令服務(wù)器發(fā)起請(qǐng)求:?? ?2.1設(shè)備發(fā)送數(shù)據(jù)到信令服務(wù)器,內(nèi)容json格式
    發(fā)表于 08-10 21:58

    在esp8266中內(nèi)置客戶(hù)端WEB,請(qǐng)問(wèn)固件版本的要求嗎?

    各位大神好!我想在8266中內(nèi)置客戶(hù)端WEB,請(qǐng)問(wèn)固件版本的要求嗎?WEB內(nèi)容是不是可以自己定制?有沒(méi)有相關(guān)方面的資料嗎?我在上看到《esp8266從零快速開(kāi)發(fā)教程》,但是鏈接已經(jīng)失
    發(fā)表于 11-08 08:07

    CoolpyCould客戶(hù)端

    一款開(kāi)源的物聯(lián)網(wǎng)服務(wù)器平臺(tái),利用nodejs寫(xiě)成,此文件是CoolpyCould客戶(hù)端
    發(fā)表于 11-06 17:00 ?18次下載

    CSDN博客客戶(hù)端源碼

    CSDN博客客戶(hù)端源碼CSDN博客客戶(hù)端源碼CSDN博客客戶(hù)端源碼
    發(fā)表于 11-18 10:22 ?1次下載

    一種基于多媒體的英語(yǔ)智能客戶(hù)端設(shè)計(jì)

    文中提出一種基于計(jì)算機(jī)多媒體技術(shù)的英語(yǔ)智能客戶(hù)端。通過(guò)采用B/S與C/S結(jié)合的方式,并通過(guò)web services 接口調(diào)用的方式,實(shí)現(xiàn)對(duì)系統(tǒng)的訪問(wèn),同時(shí)采用多媒體技術(shù)的中的視頻傳輸壓縮技術(shù),以此減少視頻的大小,提高網(wǎng)絡(luò)資源帶寬,更好的促進(jìn)英語(yǔ)智能
    發(fā)表于 12-24 16:05 ?5次下載

    Delphi教程之?dāng)?shù)據(jù)查詢(xún)Web服務(wù)客戶(hù)端開(kāi)發(fā)數(shù)據(jù)查詢(xún)Web服務(wù)

    Delphi教程之?dāng)?shù)據(jù)查詢(xún)Web服務(wù)客戶(hù)端開(kāi)發(fā)數(shù)據(jù)查詢(xún)Web服務(wù)客戶(hù)端開(kāi)發(fā),很好的Delphi資料,快來(lái)下載學(xué)習(xí)吧。
    發(fā)表于 04-11 15:59 ?5次下載

    如何使用WebRTC/WebTorrent構(gòu)建彈性Web

    WebTorrent是第一個(gè)在瀏覽器中工作的種子客戶(hù)端。它完全由JavaScript編寫(xiě),并使用WebRTC進(jìn)行真正的點(diǎn)對(duì)點(diǎn)傳輸。無(wú)需瀏覽器插件,擴(kuò)展或安裝。
    的頭像 發(fā)表于 08-29 16:18 ?3289次閱讀

    iOS淘寶客戶(hù)端應(yīng)用名稱(chēng)發(fā)生變化 Android客戶(hù)端應(yīng)用名稱(chēng)尚未更改

    iOS淘寶客戶(hù)端應(yīng)用名稱(chēng)發(fā)生變化 Android客戶(hù)端應(yīng)用名稱(chēng)尚未更改
    發(fā)表于 04-18 15:37 ?935次閱讀

    Zoom客戶(hù)端爆出安全漏洞,泄露Windows的登陸憑據(jù)

    Windows 版 Zoom 客戶(hù)端爆出了容易受到 NUC 路徑注入攻擊的安全漏洞。作為一款音視頻會(huì)議應(yīng)用,Zoom 還允許用戶(hù)在聊天界面通過(guò)發(fā)送文本消息來(lái)互相交流。
    發(fā)表于 05-15 10:41 ?1423次閱讀

    HTTP客戶(hù)端快速入門(mén)指南

    HTTP客戶(hù)端快速入門(mén)指南
    發(fā)表于 01-12 18:45 ?0次下載
    HTTP<b class='flag-5'>客戶(hù)端</b>快速入門(mén)指南

    MQTT中服務(wù)客戶(hù)端

    MQTT 是一種基于客戶(hù)端-服務(wù)架構(gòu)(C/S)的消息傳輸協(xié)議,所以在 MQTT 協(xié)議通信中,兩個(gè)最為重要的角色,它們便是服務(wù)客戶(hù)端。
    的頭像 發(fā)表于 07-30 14:55 ?2652次閱讀

    ROS是如何設(shè)計(jì)的 ROS客戶(hù)端庫(kù)

    為什么需要客戶(hù)端。 原因是,節(jié)點(diǎn)與主節(jié)點(diǎn)master之間的關(guān)系是client/server,這時(shí)每個(gè)節(jié)點(diǎn)都是一個(gè)客戶(hù)端(client),而master自然就是服務(wù)器(server)。
    的頭像 發(fā)表于 09-14 17:29 ?868次閱讀
    ROS是如何設(shè)計(jì)的 ROS<b class='flag-5'>客戶(hù)端</b>庫(kù)

    分享一款別樣的ssh客戶(hù)端-PortX

    目前支持ssh的客戶(hù)端很多,比如putty、crt、xshell等,今天分享一款別樣的ssh客戶(hù)端-PortX,通過(guò)簡(jiǎn)單但全面的UI,PortX為您提供了純粹的終端模擬體驗(yàn)。
    的頭像 發(fā)表于 01-02 13:37 ?732次閱讀
    分享一款別樣的ssh<b class='flag-5'>客戶(hù)端</b>-PortX