如何实现webrtc多人视频直播会议？ webrtc如何快速实现多人视频？
\u600e\u4e48\u7528webrtc\u5b9e\u73b0\u89c6\u5c4f\u4f1a\u8bae\u88c5\u4e2aturbomeeting\u5c31\u53ef\u4ee5\u5b9e\u73b0\u4e86
\u53ef\u4ee5\u8bd5\u8bd5zego\u5373\u6784\u79d1\u6280\u516c\u53f8\u7684\u97f3\u89c6\u9891SDK\uff0c\u6beb\u79d2\u7ea7\u97f3\u89c6\u9891\u4e92\u52a8\uff0c\u5343\u4e07\u7ea7\u9ad8\u5e76\u53d1\uff0c70%\u4e22\u5305\u4e0b\u4ecd\u80fd\u4fdd\u969c\u7a33\u5b9a\u6d41\u7545\u7684\u89c2\u770b\u4f53\u9a8c\u3002\u4ea7\u54c1\u53ef\u9009\uff1a\u5b9e\u65f6\u97f3\u89c6\u9891\u3001\u5b9e\u65f6\u8bed\u97f3\u3001\u4e92\u52a8\u76f4\u64ad\u3001IM\u5373\u65f6\u901a\u8baf\u3002\u3010\u70b9\u51fb\u514d\u8d39\u8bd5\u7528\uff0c0\u6210\u672c\u542f\u52a8\u3011WebRTC\u5b9e\u73b0\u4e86\u57fa\u4e8e\u7f51\u9875\u7684\u89c6\u9891\u4f1a\u8bae\uff0c\u6807\u51c6\u662fWHATWG \u534f\u8bae\uff0c\u76ee\u7684\u662f\u901a\u8fc7\u6d4f\u89c8\u5668\u63d0\u4f9b\u7b80\u5355\u7684javascript\u5c31\u53ef\u4ee5\u8fbe\u5230\u5b9e\u65f6\u901a\u8baf\uff08Real-Time Communications (RTC)\uff09\u80fd\u529b\u3002WebRTC\uff08Web Real-Time Communication\uff09\u9879\u76ee\u7684\u6700\u7ec8\u76ee\u7684\u4e3b\u8981\u662f\u8ba9Web\u5f00\u53d1\u8005\u80fd\u591f\u57fa\u4e8e\u6d4f\u89c8\u5668\uff08Chrome\FireFox\...\uff09\u8f7b\u6613\u5feb\u6377\u5f00\u53d1\u51fa\u4e30\u5bcc\u7684\u5b9e\u65f6\u591a\u5a92\u4f53\u5e94\u7528\uff0c\u800c\u65e0\u9700\u4e0b\u8f7d\u5b89\u88c5\u4efb\u4f55\u63d2\u4ef6\uff0cWeb\u5f00\u53d1\u8005\u4e5f\u65e0\u9700\u5173\u6ce8\u591a\u5a92\u4f53\u7684\u6570\u5b57\u4fe1\u53f7\u5904\u7406\u8fc7\u7a0b\uff0c\u53ea\u9700\u7f16\u5199\u7b80\u5355\u7684Javascript\u7a0b\u5e8f\u5373\u53ef\u5b9e\u73b0\uff0cW3C\u7b49\u7ec4\u7ec7\u6b63\u5728\u5236\u5b9aJavascript \u6807\u51c6API\uff0c\u76ee\u524d\u662fWebRTC 1.0\u7248\u672c\uff0cDraft\u72b6\u6001\uff1bWebRTC\u63d0\u4f9b\u4e86\u89c6\u9891\u4f1a\u8bae\u7684\u6838\u5fc3\u6280\u672f\uff0c\u5305\u62ec\u97f3\u89c6\u9891\u7684\u91c7\u96c6\u3001\u7f16\u89e3\u7801\u3001\u7f51\u7edc\u4f20\u8f93\u3001\u663e\u793a\u7b49\u529f\u80fd\uff0c\u5e76\u4e14\u8fd8\u652f\u6301\u8de8\u5e73\u53f0\uff1awindows\uff0clinux\uff0cmac\uff0candroid\u3002\u60f3\u8981\u4e86\u89e3\u66f4\u591a\u5173\u4e8e\u8fd9\u65b9\u9762\u7684\u76f8\u5173\u4fe1\u606f\uff0c\u63a8\u8350\u54a8\u8be2ZEGO\u5373\u6784\u79d1\u6280\u3002ZEGO\u5373\u6784\u79d1\u6280\u81ea\u6210\u7acb\u4f0a\u59cb\uff0c\u5c31\u4e13\u6ce8\u81ea\u7814\u97f3\u89c6\u9891\u5f15\u64ce\uff0c\u5728\u97f3\u9891\u524d\u5904\u7406\u3001\u7f51\u7edc\u81ea\u9002\u5e94\u548c\u8de8\u5e73\u53f0\u517c\u5bb9\u6027\u7b49\u65b9\u9762\uff0c\u8fbe\u5230\u56fd\u9645\u4e00\u6d41\u6c34\u5e73\uff0c\u540c\u65f6\u5145\u5206\u5229\u7528\u57fa\u7840\u4e91\u670d\u52a1\u5546\u7684\u80fd\u529b\uff0c\u6784\u5efa\u4e86MSDN\u6d77\u91cf\u6709\u5e8f\u81ea\u5b66\u4e60\u6570\u636e\u7f51\u7edc\uff0c\u670d\u52a1\u8986\u76d6\u5168\u7403\uff0c\u6db5\u76d6\u4e0a\u767e\u4e2a\u97f3\u89c6\u9891\u4e92\u52a8\u4e1a\u52a1\u573a\u666f\uff0c\u5355\u65e5\u65f6\u957f\u7a81\u783430\u4ebf\u5206\u949f\u3002
WebRTC实现了基于网页的视频会议，标准是WHATWG 协议，目的是通过浏览器提供简单的javascript就可以达到实时通讯（Real-Time Communications (RTC)）能力。WebRTC（Web Real-Time Communication）项目的最终目的主要是让Web开发者能够基于浏览器（Chrome\FireFox\...）轻易快捷开发出丰富的实时多媒体应用，而无需下载安装任何插件，Web开发者也无需关注多媒体的数字信号处理过程，只需编写简单的Javascript程序即可实现，W3C等组织正在制定Javascript 标准API，目前是WebRTC 1.0版本，Draft状态；另外WebRTC还希望能够建立一个多互联网浏览器间健壮的实时通信的平台，形成开发者与浏览器厂商良好的生态环境。同时，古格也希望和致力于让WebRTC的技术成为HTML5标准之一，可见古格布局之深远。
WebRTC提供了视频会议的核心技术，包括音视频的采集、编解码、网络传输、显示等功能，并且还支持跨平台：windows，linux，mac，android。
架构组件介绍
(1) Your Web App
Web开发者开发的程序，Web开发者可以基于集成WebRTC的浏览器提供的web API开发基于视频、音频的实时通信应用。
(2)Web API
面向第三方开发者的WebRTC标准API（Javascript），使开发者能够容易地开发出类似于网络视频聊天的web应用，最新的标准化进程可以查看这里。
(3)WebRTC Native C++ API
本地C++ API层，使浏览器厂商容易实现WebRTC标准的Web API，抽象地对数字信号过程进行处理。
(4)Transport / Session
传输/会话层
会话层组件采用了libjingle库的部分组件实现，无须使用xmpp/jingle协议
a. RTP Stack协议栈
Real Time Protocol
b. STUN/ICE
可以通过STUN和ICE组件来建立不同类型网络间的呼叫连接。
c. Session Management
一个抽象的会话层，提供会话建立和管理功能。该层协议留给应用开发者自定义实现。
(5)VoiceEngine
音频引擎是包含一系列音频多媒体处理的框架，包括从视频采集卡到网络传输端等整个解决方案。
P使其能够快速且高解析度地适应不断变化的网络环境，确保音质优美且缓冲延迟最小。
是GIPS公司独步天下的技术，能够有效的处理由于网络抖动和语音包丢失时候对语音质量产生的影响。
(6)VideoEngine
WebRTC视频处理引擎
VideoEngine是包含一系列视频处理的整体框架，从摄像头采集视频到视频信息网络传输再到视频显示整个完整过程的解决方案。
a. VP8
视频图像编解码器，是WebRTC视频引擎的默认的编解码器
VP8适合实时通信应用场景，因为它主要是针对低延时而设计的编解码器。
PS:VPx编解码器是古格收购ON2公司后开源的，VPx现在是WebM项目的一部分，而WebM项目是古格致力于推动的HTML5标准之一
b. Video Jitter Buffer
视频抖动缓冲器，可以降低由于视频抖动和视频信息包丢失带来的不良影响。
c. Image enhancements
图像质量增强模块
对网络摄像头采集到的图像进行处理，包括明暗度检测、颜色增强、降噪处理等功能，用来提升视频质量。
您好！很高兴为您解答问题
说明：
1、画面1、2、3都是其他手机传过来的图像，局域网内有点点卡顿，同时软解3路数据你懂的。
2、声音比较清晰，服务端没有做混音处理。
实现原理：
1、服务端是小伙伴用C++配合实现的，主要作用就是信令控制与转发，所以原理没有太多好讲的。
2、因为有在WEBRTC里面注册自己的传输模块，所以在这个基础上实现多人就很容易了，主要就是让服务端转发的时候知道往哪里转发。
3、WEBRTC里面有channel机制，每个会话对应一个channel，如果要实现多个会话，就注册多个channel，关键代码如下：
总结：
1、通过上面这个demo可以做很多扩展，比如视频直播、在线教学、安防监控。
2、很多开源框架都是基于这种架构模式，如Licode，jitsi。
3、这种模式以后结合VP9,H265和SVC会有很好的发展空间，不过需要时间，所以我们会继续关注。
具体步骤如下:
WebRTC（Web Real-Time Communication）项目的最终目的主要是让Web开发者能够基于浏览器（Chrome\FireFox\...）轻易快捷开发出丰富的实时多媒体应用，而无需下载安装任何插件，Web开发者也无需关注多媒体的数字信号处理过程，只需编写简单的Javascript程序即可实现，W3C等组织正在制定Javascript 标准API，目前是WebRTC 1.0版本，Draft状态；另外WebRTC还希望能够建立一个多互联网浏览器间健壮的实时通信的平台，形成开发者与浏览器厂商良好的生态环境。同时，古格也希望和致力于让WebRTC的技术成为HTML5标准之一，可见古格布局之深远。
WebRTC提供了视频会议的核心技术，包括音视频的采集、编解码、网络传输、显示等功能，并且还支持跨平台：windows，linux，mac，android。
以上为个人经验，仅供参考。
WebRTC 可以实现跨网络和本地浏览器的实时音频、视频和数据传输，它的作用不可忽视，目前国内很多厂家纷纷投入到webrtc 的研发中，其中包括做得比较好的ZEGO即构，他们可为开发者提供 4 行代码全平台极速接入音视频服务的能力，其服务已覆盖在线教育、社交、会议、游戏、金融、远程医疗、智能硬件、私有化等数百个应用场景。
绛旓細浣犲彲浠ラ夋嫨浣跨敤鐜版湁鐨勪俊浠ゆ湇鍔″櫒瑙ｅ喅鏂规锛屽Kurento鎴朖anus锛屾垨鑰呴夋嫨鑷繁鎼缓涓涓銆傜‘淇濅綘鐞嗚В淇′护濡備綍鍦╓ebRTC涓捣鍒板叧閿綔鐢ㄣ瀹炵幇鐢ㄦ埛鐣岄潰锛氫负浣犵殑搴旂敤璁捐涓涓敤鎴风晫闈紝鍏佽鐢ㄦ埛鍔犲叆鍜岀寮鎴块棿銆佹煡鐪嬭棰戜互鍙婅繘琛屽叾浠栦氦浜掋浣犲彲浠ヤ娇鐢℉TML銆丆SS鍜孞avaScript鏉ュ垱寤鸿繖涓晫闈锛屽苟浣跨敤WebRTC鎻愪緵鐨凙PI鏉ュ鐞嗚棰...
绛旓細webrtc澶氫汉瑙嗛鐩存挱浼氳鎺ㄨ崘ZEGO鍗虫瀯绉戞妧銆鍙渶4琛屼唬鐮侊紝30鍒嗛挓鍦ˋPP銆乄eb鍜屽皬绋嬪簭绛夊簲鐢ㄥ唴瀹炵幇瑙嗛閫氳瘽銆佽闊抽氳瘽锛屼簰鍔ㄧ洿鎾姛鑳銆傘愮偣鍑诲厤璐硅瘯鐢紝0鎴愭湰鍚姩銆憌ebrtc澶氫汉瑙嗛鐩存挱浼氳瀹炵幇鍘熺悊锛1銆鏈嶅姟绔槸鐢–++閰嶅悎瀹炵幇鐨锛屼富瑕佷綔鐢ㄥ氨鏄俊浠ゆ帶鍒朵笌杞彂銆2銆佸洜涓烘湁鍦╓EBRTC閲岄潰娉ㄥ唽鑷繁鐨勪紶杈撴ā鍧楋紝鎵浠ュ湪...
绛旓細榛樿瀹氫箟涓涓埧闂 棣栧厛鎵鏈夌敤鎴疯繕鏄厛娉ㄥ唽鑷繁鍒版湇鍔＄ 瀹氫箟涓涓姞鍏ユ埧闂寸殑淇′护 鐩稿簲鐨勫畾涔変竴涓寮鎴块棿鐨勪俊浠 sdp, trickle 绛変俊浠ゆ秷鎭殑杞彂涓嶇敤鍔紝鐩存帴鏍规嵁鎺ユ敹鑰匢D杞彂灏辫 3涓墜鏈轰緷娆″畨瑁3涓敤鎴凤紝渚濇鍔犲叆鎴块棿锛屽緢绠鍗瀹炵幇浜澶氫汉P2P閫氫俊銆傚亣璁鹃瀵艰浣犳悶涓涓10浜轰互鍐呯殑瑙嗛浼氳锛岀綉鐘禤2P鍏跺疄鎸哄悎...
绛旓細鍙互璇曡瘯zego鍗虫瀯绉戞妧鍏徃鐨勯煶瑙嗛SDK锛屾绉掔骇闊宠棰戜簰鍔紝鍗冧竾绾ч珮骞跺彂锛70%涓㈠寘涓嬩粛鑳戒繚闅滅ǔ瀹氭祦鐣呯殑瑙傜湅浣撻獙銆備骇鍝佸彲閫夛細瀹炴椂闊宠棰戙佸疄鏃惰闊炽佷簰鍔ㄧ洿鎾両M鍗虫椂閫氳銆傘愮偣鍑诲厤璐硅瘯鐢紝0鎴愭湰鍚姩銆慦ebRTC瀹炵幇浜嗗熀浜庣綉椤电殑瑙嗛浼氳锛屾爣鍑嗘槸WHATWG 鍗忚锛岀洰鐨勬槸閫氳繃娴忚鍣ㄦ彁渚涚畝鍗曠殑javascript灏卞彲浠ヨ揪鍒板疄鏃...
绛旓細閫夋嫨ZEGO鍗虫瀯绉戞妧鍙互杞绘澗webrtc鍜宎pp浜掗氳繛楹︾洿鎾锛孼EGO鍗虫瀯绉戞妧姣绾ч煶瑙嗛浜掑姩锛屽崈涓囩骇楂樺苟鍙戯紝70%涓㈠寘涓嬩粛鑳戒繚闅滅ǔ瀹氭祦鐣呯殑瑙傜湅浣撻獙銆傚嵆鏋勮嚜鐮旂殑WebRTC缃戝叧锛屾敮鎸佸崟浜虹洿鎾佸涓绘挱杩為害PK绛夌洿鎾柟寮忥紝瀹炵幇APP銆佸皬绋嬪簭銆乄eb涓夌鐨勮繛楹︿簰閫氥傚彲鍔犵編棰溿佹护闀滐紝鐐硅禐锛岀ぜ鍖呮墦璧忥紝姘村嵃锛屾梺璺洿鎾瓑鍔熻兘銆傛敮鎸乽ni...
绛旓細鏄殑!浣嗘槸鍙戦侀煶棰瑙嗛娴佸墠,涓瀹氭槸闇瑕佸缓绔 P2P 杩炴帴鐨,寤虹珛杩炴帴鍓嶄竴瀹氶渶瑕佹湇鍔″櫒杩涜淇′护杞彂,杩欎釜淇′护灏辨槸閫氳瘽涓ょ鐨勬爣璇嗐 鑰屽鏋滄兂鐢 webrtc 瀹炵幇閫氳瘽,灏卞緱鍏堜腑杞俊浠ゃ佸缓绔嬭繛鎺ャ傝屽缓绔嬭繛鎺ョ殑璇濇渶濂芥槸瑕佺敤 websocket 杩涜淇′护杞彂鐨勩傚ぇ瀹堕兘鐭ラ亾,websocket 鏄釜閫氶亾,鍦ㄨ繖涓氶亾鐨勬墍鏈夌,閮藉彲浠ユ敹鍒颁换鎰忎竴绔殑...
绛旓細寤鸿鍘荤郴缁熺殑瀛︿範浣跨敤鏂规硶锛屾帹鑽愪娇鐢ㄥ嵆鏋勭鎶锛屽嵆鏋4琛屼唬鐮侊紝30鍒嗛挓鍦ˋPP銆Web鍜屽皬绋嬪簭绛夊簲鐢ㄥ唴瀹炵幇瑙嗛閫氳瘽銆佽闊抽氳瘽锛屼簰鍔ㄧ洿鎾姛鑳姐傘愮偣鍑诲厤璐硅瘯鐢紝0鎴愭湰鍚姩銆戣澶 Web 鏈嶅姟浣跨敤 RTC锛屼絾闇瑕佷笅杞姐佹湰鏈哄簲鐢ㄧ▼搴忔垨鎻掍欢銆 鍏朵腑鍖呮嫭 Skype銆丗acebook 鍜岀幆鑱娿備笅杞姐佸畨瑁呭拰鏇存柊鎻掍欢寰堝鏉傘佸鏄撳嚭閿欏苟涓斿緢...
绛旓細杩欓儴鍒嗛昏緫涔熷湪淇″彿鏈嶅姟鍣ㄤ腑瀹炵幇銆傚绔佷俊浠ゆ湇鍔″櫒銆乻tun/杞帴鏈嶅姟鍣ㄥ悗锛屾暣涓1瀵1瀹炴椂瑙嗛閫氫俊椤哄簭鍥惧涓:涓昏娴佺▼濡備笅:1. 鍙屾柟棣栧厛璋冪敤getUserMedia鎵撳紑鏈湴鎽勫儚澶 2. 鍚戜俊浠ゆ湇鍔″櫒鍙戦乤pply_join璇锋眰浠ュ姞鍏ユ埧闂 3.淇′护鏈嶅姟鍣ㄩ氱煡鎴戞垚鍔熷姞鍏(joined)锛屽悓鏃跺悜鍏朵粬浜哄箍鎾姞鍏ユ秷鎭(other_joined)4. 绗簩...
绛旓細ZEGO鍗虫瀯webrtc瀹炵幇澶氫汉瑙嗛杩樹笉閿欙紝鏀寔鍩虹鐨勬帹鎷夋祦鍔熻兘锛屽彲瀹炵幇32璺互涓婄殑瀹炴椂闊宠棰戯紝鐩存挱銆佸浜鸿棰戜細璁佸湪绾挎暀鑲茬瓑鍦烘櫙銆傚悓鏃跺彲瀵归煶瑙嗛閫氳瘽璐ㄩ噺杩涜瀹炴椂鍥炶皟锛岀洃娴嬶紝骞堕氳繃鎺у埗鍙拌繘琛岃嚜鍔╄瘎娴嬭瘖鏂紝瀹炴椂瑙傚療鐢ㄦ埛浣撻獙锛屽強鍗￠】銆佸欢杩熴佷涪鍖呯瓑鏈嶅姟璐ㄩ噺銆傛妧鏈拰澹拌獕閮藉緢濂姐
绛旓細鏍规嵁鎴戜釜浜虹殑瑙傚療鍜屼綋楠岋紝鐩墠鍥藉唴鏈変竴浜涙瘮杈冪煡鍚嶇殑WebRTC瑙嗛浼氳骞冲彴锛屽叾涓瘮杈冨ソ鐨勫寘鎷絾涓嶉檺浜庯細鑵捐浼氳锛氳吘璁細璁槸涓娆惧姛鑳藉己澶х殑瑙嗛浼氳杞欢锛屽熀浜嶹ebRTC鎶鏈瀹炵幇楂樿川閲忕殑瑙嗛閫氳瘽銆傚畠鏀寔澶氫汉鍚屾椂鍦ㄧ嚎瑙嗛浼氳锛屽叿鏈夊睆骞曞叡浜佹枃浠朵紶杈撱佷簰鍔ㄥ崗浣滅瓑鍔熻兘锛屾搷浣滅畝鍗曟槗鐢ㄣ傚崕涓轰簯浼氳锛氬崕涓轰簯浼氳鏄竴娆...
