webrtc多人在线视频通讯

最新推荐文章于 2024-05-06 10:22:47 发布
最新推荐文章于 2024-05-06 10:22:47 发布
阅读量2k 收藏 5
点赞数
文章标签： webRtc
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/oqqLZM/article/details/81093232
版权

GitHub项目地址:https://github.com/lzming9511/webrtc

webrtc多人在线视频通讯项目，采用P2P点对点连接，后端服务只进行信令的交换，不参与音频流的交换，服务端的压力小

1.发起请求的客服端发送_offer到服务端，服务端群发给同房间的接收的客服端

2.发起请求的客服端发送_ice_candidate到服务端，服务端群发给同房间的接收的客服端

3.发起请求的客服端接收到_offer信令，给服务器回复_answer，服务器发送给发起请求的客服端

4.发起请求的客服端接收到_ice_candidate信令，给服务器回复_ice_candidate，服务器发送给发起请求的客服端

通过上面4个步骤实现信令的交换，webrtc知道要连接哪个地址，webrtc通过p2p进行点对点的连接

rev服务端收到 客服端1 消息:	{"event":"_offer","data":{"sdp":{"type":"offer","sdp":"v=0\r\no=- 4384462181796616779 2 IN IP4 127.0.0.1\r\ns=-\r\nt=0 0\r\na=group:BUNDLE audio video\r\na=msid-semantic: WMS rQ2fkIWHNlMQMYCxNYUdr80O1riSyJ9O9k4o\r\nm=audio 9 UDP/TLS/RTP/SAVPF 111 103 104 9 0 8 106 105 13 110 112 113 126\r\nc=IN IP4 0.0.0.0\r\na=rtcp:9 IN IP4 0.0.0.0\r\na=ice-ufrag:Imys\r\na=ice-pwd:Ax+qGfBB82LoJRxTeEI8kH3k\r\na=ice-options:trickle\r\na=fingerprint:sha-256 E9:37:F9:56:C9:D6:0D:5A:C7:5E:11:3B:FF:99:91:C3:E0:25:F1:BA:2D:A6:45:4E:B5:B4:A3:B6:CD:A8:7B:B0\r\na=setup:actpass\r\na=mid:audio\r\na=extmap:1 urn:ietf:params:rtp-hdrext:ssrc-audio-level\r\na=sendrecv\r\na=rtcp-mux\r\na=rtpmap:111 opus/48000/2\r\na=rtcp-fb:111 transport-cc\r\na=fmtp:111 minptime=10;useinbandfec=1\r\na=rtpmap:103 ISAC/16000\r\na=rtpmap:104 ISAC/32000\r\na=rtpmap:9 G722/8000\r\na=rtpmap:0 PCMU/8000\r\na=rtpmap:8 PCMA/8000\r\na=rtpmap:106 CN/32000\r\na=rtpmap:105 CN/16000\r\na=rtpmap:13 CN/8000\r\na=rtpmap:110 telephone-event/48000\r\na=rtpmap:112 telephone-event/32000\r\na=rtpmap:113 telephone-event/16000\r\na=rtpmap:126 telephone-event/8000\r\na=ssrc:757630844 cname:ykf1Sa1gQQw6svQF\r\na=ssrc:757630844 msid:rQ2fkIWHNlMQMYCxNYUdr80O1riSyJ9O9k4o 099b799e-7678-4eac-bd04-0934c32a8530\r\na=ssrc:757630844 mslabel:rQ2fkIWHNlMQMYCxNYUdr80O1riSyJ9O9k4o\r\na=ssrc:757630844 label:099b799e-7678-4eac-bd04-0934c32a8530\r\nm=video 9 UDP/TLS/RTP/SAVPF 96 97 98 99 100 101 102 124 127 123 125\r\nc=IN IP4 0.0.0.0\r\na=rtcp:9 IN IP4 0.0.0.0\r\na=ice-ufrag:Imys\r\na=ice-pwd:Ax+qGfBB82LoJRxTeEI8kH3k\r\na=ice-options:trickle\r\na=fingerprint:sha-256 E9:37:F9:56:C9:D6:0D:5A:C7:5E:11:3B:FF:99:91:C3:E0:25:F1:BA:2D:A6:45:4E:B5:B4:A3:B6:CD:A8:7B:B0\r\na=setup:actpass\r\na=mid:video\r\na=extmap:2 urn:ietf:params:rtp-hdrext:toffset\r\na=extmap:3 http://www.webrtc.org/experiments/rtp-hdrext/abs-send-time\r\na=extmap:4 urn:3gpp:video-orientation\r\na=extmap:5 http://www.ietf.org/id/draft-holmer-rmcat-transport-wide-cc-extensions-01\r\na=extmap:6 http://www.webrtc.org/experiments/rtp-hdrext/playout-delay\r\na=extmap:7 http://www.webrtc.org/experiments/rtp-hdrext/video-content-type\r\na=extmap:8 http://www.webrtc.org/experiments/rtp-hdrext/video-timing\r\na=sendrecv\r\na=rtcp-mux\r\na=rtcp-rsize\r\na=rtpmap:96 VP8/90000\r\na=rtcp-fb:96 goog-remb\r\na=rtcp-fb:96 transport-cc\r\na=rtcp-fb:96 ccm fir\r\na=rtcp-fb:96 nack\r\na=rtcp-fb:96 nack pli\r\na=rtpmap:97 rtx/90000\r\na=fmtp:97 apt=96\r\na=rtpmap:98 VP9/90000\r\na=rtcp-fb:98 goog-remb\r\na=rtcp-fb:98 transport-cc\r\na=rtcp-fb:98 ccm fir\r\na=rtcp-fb:98 nack\r\na=rtcp-fb:98 nack pli\r\na=rtpmap:99 rtx/90000\r\na=fmtp:99 apt=98\r\na=rtpmap:100 H264/90000\r\na=rtcp-fb:100 goog-remb\r\na=rtcp-fb:100 transport-cc\r\na=rtcp-fb:100 ccm fir\r\na=rtcp-fb:100 nack\r\na=rtcp-fb:100 nack pli\r\na=fmtp:100 level-asymmetry-allowed=1;packetization-mode=1;profile-level-id=42001f\r\na=rtpmap:101 rtx/90000\r\na=fmtp:101 apt=100\r\na=rtpmap:102 H264/90000\r\na=rtcp-fb:102 goog-remb\r\na=rtcp-fb:102 transport-cc\r\na=rtcp-fb:102 ccm fir\r\na=rtcp-fb:102 nack\r\na=rtcp-fb:102 nack pli\r\na=fmtp:102 level-asymmetry-allowed=1;packetization-mode=1;profile-level-id=42e01f\r\na=rtpmap:124 rtx/90000\r\na=fmtp:124 apt=102\r\na=rtpmap:127 red/90000\r\na=rtpmap:123 rtx/90000\r\na=fmtp:123 apt=127\r\na=rtpmap:125 ulpfec/90000\r\na=ssrc-group:FID 4154594995 2598090200\r\na=ssrc:4154594995 cname:ykf1Sa1gQQw6svQF\r\na=ssrc:4154594995 msid:rQ2fkIWHNlMQMYCxNYUdr80O1riSyJ9O9k4o 70d76e71-7726-4f52-ac28-95fca16cf228\r\na=ssrc:4154594995 mslabel:rQ2fkIWHNlMQMYCxNYUdr80O1riSyJ9O9k4o\r\na=ssrc:4154594995 label:70d76e71-7726-4f52-ac28-95fca16cf228\r\na=ssrc:2598090200 cname:ykf1Sa1gQQw6svQF\r\na=ssrc:2598090200 msid:rQ2fkIWHNlMQMYCxNYUdr80O1riSyJ9O9k4o 70d76e71-7726-4f52-ac28-95fca16cf228\r\na=ssrc:2598090200 mslabel:rQ2fkIWHNlMQMYCxNYUdr80O1riSyJ9O9k4o\r\na=ssrc:2598090200 label:70d76e71-7726-4f52-ac28-95fca16cf228\r\n"}}}
send服务器发送给 客服端0 消息:{"event":"_offer","data":{"sdp":{"type":"offer","sdp":"v=0\r\no=- 4384462181796616779 2 IN IP4 127.0.0.1\r\ns=-\r\nt=0 0\r\na=group:BUNDLE audio video\r\na=msid-semantic: WMS rQ2fkIWHNlMQMYCxNYUdr80O1riSyJ9O9k4o\r\nm=audio 9 UDP/TLS/RTP/SAVPF 111 103 104 9 0 8 106 105 13 110 112 113 126\r\nc=IN IP4 0.0.0.0\r\na=rtcp:9 IN IP4 0.0.0.0\r\na=ice-ufrag:Imys\r\na=ice-pwd:Ax+qGfBB82LoJRxTeEI8kH3k\r\na=ice-options:trickle\r\na=fingerprint:sha-256 E9:37:F9:56:C9:D6:0D:5A:C7:5E:11:3B:FF:99:91:C3:E0:25:F1:BA:2D:A6:45:4E:B5:B4:A3:B6:CD:A8:7B:B0\r\na=setup:actpass\r\na=mid:audio\r\na=extmap:1 urn:ietf:params:rtp-hdrext:ssrc-audio-level\r\na=sendrecv\r\na=rtcp-mux\r\na=rtpmap:111 opus/48000/2\r\na=rtcp-fb:111 transport-cc\r\na=fmtp:111 minptime=10;useinbandfec=1\r\na=rtpmap:103 ISAC/16000\r\na=rtpmap:104 ISAC/32000\r\na=rtpmap:9 G722/8000\r\na=rtpmap:0 PCMU/8000\r\na=rtpmap:8 PCMA/8000\r\na=rtpmap:106 CN/32000\r\na=rtpmap:105 CN/16000\r\na=rtpmap:13 CN/8000\r\na=rtpmap:110 telephone-event/48000\r\na=rtpmap:112 telephone-event/32000\r\na=rtpmap:113 telephone-event/16000\r\na=rtpmap:126 telephone-event/8000\r\na=ssrc:757630844 cname:ykf1Sa1gQQw6svQF\r\na=ssrc:757630844 msid:rQ2fkIWHNlMQMYCxNYUdr80O1riSyJ9O9k4o 099b799e-7678-4eac-bd04-0934c32a8530\r\na=ssrc:757630844 mslabel:rQ2fkIWHNlMQMYCxNYUdr80O1riSyJ9O9k4o\r\na=ssrc:757630844 label:099b799e-7678-4eac-bd04-0934c32a8530\r\nm=video 9 UDP/TLS/RTP/SAVPF 96 97 98 99 100 101 102 124 127 123 125\r\nc=IN IP4 0.0.0.0\r\na=rtcp:9 IN IP4 0.0.0.0\r\na=ice-ufrag:Imys\r\na=ice-pwd:Ax+qGfBB82LoJRxTeEI8kH3k\r\na=ice-options:trickle\r\na=fingerprint:sha-256 E9:37:F9:56:C9:D6:0D:5A:C7:5E:11:3B:FF:99:91:C3:E0:25:F1:BA:2D:A6:45:4E:B5:B4:A3:B6:CD:A8:7B:B0\r\na=setup:actpass\r\na=mid:video\r\na=extmap:2 urn:ietf:params:rtp-hdrext:toffset\r\na=extmap:3 http://www.webrtc.org/experiments/rtp-hdrext/abs-send-time\r\na=extmap:4 urn:3gpp:video-orientation\r\na=extmap:5 http://www.ietf.org/id/draft-holmer-rmcat-transport-wide-cc-extensions-01\r\na=extmap:6 http://www.webrtc.org/experiments/rtp-hdrext/playout-delay\r\na=extmap:7 http://www.webrtc.org/experiments/rtp-hdrext/video-content-type\r\na=extmap:8 http://www.webrtc.org/experiments/rtp-hdrext/video-timing\r\na=sendrecv\r\na=rtcp-mux\r\na=rtcp-rsize\r\na=rtpmap:96 VP8/90000\r\na=rtcp-fb:96 goog-remb\r\na=rtcp-fb:96 transport-cc\r\na=rtcp-fb:96 ccm fir\r\na=rtcp-fb:96 nack\r\na=rtcp-fb:96 nack pli\r\na=rtpmap:97 rtx/90000\r\na=fmtp:97 apt=96\r\na=rtpmap:98 VP9/90000\r\na=rtcp-fb:98 goog-remb\r\na=rtcp-fb:98 transport-cc\r\na=rtcp-fb:98 ccm fir\r\na=rtcp-fb:98 nack\r\na=rtcp-fb:98 nack pli\r\na=rtpmap:99 rtx/90000\r\na=fmtp:99 apt=98\r\na=rtpmap:100 H264/90000\r\na=rtcp-fb:100 goog-remb\r\na=rtcp-fb:100 transport-cc\r\na=rtcp-fb:100 ccm fir\r\na=rtcp-fb:100 nack\r\na=rtcp-fb:100 nack pli\r\na=fmtp:100 level-asymmetry-allowed=1;packetization-mode=1;profile-level-id=42001f\r\na=rtpmap:101 rtx/90000\r\na=fmtp:101 apt=100\r\na=rtpmap:102 H264/90000\r\na=rtcp-fb:102 goog-remb\r\na=rtcp-fb:102 transport-cc\r\na=rtcp-fb:102 ccm fir\r\na=rtcp-fb:102 nack\r\na=rtcp-fb:102 nack pli\r\na=fmtp:102 level-asymmetry-allowed=1;packetization-mode=1;profile-level-id=42e01f\r\na=rtpmap:124 rtx/90000\r\na=fmtp:124 apt=102\r\na=rtpmap:127 red/90000\r\na=rtpmap:123 rtx/90000\r\na=fmtp:123 apt=127\r\na=rtpmap:125 ulpfec/90000\r\na=ssrc-group:FID 4154594995 2598090200\r\na=ssrc:4154594995 cname:ykf1Sa1gQQw6svQF\r\na=ssrc:4154594995 msid:rQ2fkIWHNlMQMYCxNYUdr80O1riSyJ9O9k4o 70d76e71-7726-4f52-ac28-95fca16cf228\r\na=ssrc:4154594995 mslabel:rQ2fkIWHNlMQMYCxNYUdr80O1riSyJ9O9k4o\r\na=ssrc:4154594995 label:70d76e71-7726-4f52-ac28-95fca16cf228\r\na=ssrc:2598090200 cname:ykf1Sa1gQQw6svQF\r\na=ssrc:2598090200 msid:rQ2fkIWHNlMQMYCxNYUdr80O1riSyJ9O9k4o 70d76e71-7726-4f52-ac28-95fca16cf228\r\na=ssrc:2598090200 mslabel:rQ2fkIWHNlMQMYCxNYUdr80O1riSyJ9O9k4o\r\na=ssrc:2598090200 label:70d76e71-7726-4f52-ac28-95fca16cf228\r\n"}}}
rev服务端收到 客服端1 消息:	{"event":"_ice_candidate","data":{"candidate":{"candidate":"candidate:2201212986 1 udp 2113937151 172.18.1.229 49631 typ host generation 0 ufrag Imys network-cost 50","sdpMid":"audio","sdpMLineIndex":0}}}
send服务器发送给 客服端0 消息:{"event":"_ice_candidate","data":{"candidate":{"candidate":"candidate:2201212986 1 udp 2113937151 172.18.1.229 49631 typ host generation 0 ufrag Imys network-cost 50","sdpMid":"audio","sdpMLineIndex":0}}}
rev服务端收到 客服端1 消息:	{"event":"_ice_candidate","data":{"candidate":{"candidate":"candidate:2201212986 1 udp 2113937151 172.18.1.229 49633 typ host generation 0 ufrag Imys network-cost 50","sdpMid":"video","sdpMLineIndex":1}}}
send服务器发送给 客服端0 消息:{"event":"_ice_candidate","data":{"candidate":{"candidate":"candidate:2201212986 1 udp 2113937151 172.18.1.229 49633 typ host generation 0 ufrag Imys network-cost 50","sdpMid":"video","sdpMLineIndex":1}}}
rev服务端收到 客服端0 消息:	{"event":"_answer","data":{"sdp":{"type":"answer","sdp":"v=0\r\no=- 2387596707289326636 2 IN IP4 127.0.0.1\r\ns=-\r\nt=0 0\r\na=group:BUNDLE audio video\r\na=msid-semantic: WMS Q9o54prg6ybvH4j9gouzeNZhyxfEAvSFNuQR\r\nm=audio 9 UDP/TLS/RTP/SAVPF 111 103 104 9 0 8 106 105 13 110 112 113 126\r\nc=IN IP4 0.0.0.0\r\na=rtcp:9 IN IP4 0.0.0.0\r\na=ice-ufrag:vu+3\r\na=ice-pwd:aqMVjGj1Hz8ziy3PB+I1QY3y\r\na=ice-options:trickle\r\na=fingerprint:sha-256 F3:66:9C:C3:2D:0B:90:17:47:BB:30:B3:6D:F5:24:5C:87:E8:71:56:D1:C0:00:7D:08:CB:AA:84:18:98:6E:71\r\na=setup:active\r\na=mid:audio\r\na=extmap:1 urn:ietf:params:rtp-hdrext:ssrc-audio-level\r\na=sendrecv\r\na=rtcp-mux\r\na=rtpmap:111 opus/48000/2\r\na=rtcp-fb:111 transport-cc\r\na=fmtp:111 minptime=10;useinbandfec=1\r\na=rtpmap:103 ISAC/16000\r\na=rtpmap:104 ISAC/32000\r\na=rtpmap:9 G722/8000\r\na=rtpmap:0 PCMU/8000\r\na=rtpmap:8 PCMA/8000\r\na=rtpmap:106 CN/32000\r\na=rtpmap:105 CN/16000\r\na=rtpmap:13 CN/8000\r\na=rtpmap:110 telephone-event/48000\r\na=rtpmap:112 telephone-event/32000\r\na=rtpmap:113 telephone-event/16000\r\na=rtpmap:126 telephone-event/8000\r\na=ssrc:3611041506 cname:reYQqYdSFjANuTK6\r\na=ssrc:3611041506 msid:Q9o54prg6ybvH4j9gouzeNZhyxfEAvSFNuQR 1f05dacf-9044-4f52-8823-6a48d5ac4e47\r\na=ssrc:3611041506 mslabel:Q9o54prg6ybvH4j9gouzeNZhyxfEAvSFNuQR\r\na=ssrc:3611041506 label:1f05dacf-9044-4f52-8823-6a48d5ac4e47\r\nm=video 9 UDP/TLS/RTP/SAVPF 96 97 98 99 100 101 102 124 127 123 125\r\nc=IN IP4 0.0.0.0\r\na=rtcp:9 IN IP4 0.0.0.0\r\na=ice-ufrag:vu+3\r\na=ice-pwd:aqMVjGj1Hz8ziy3PB+I1QY3y\r\na=ice-options:trickle\r\na=fingerprint:sha-256 F3:66:9C:C3:2D:0B:90:17:47:BB:30:B3:6D:F5:24:5C:87:E8:71:56:D1:C0:00:7D:08:CB:AA:84:18:98:6E:71\r\na=setup:active\r\na=mid:video\r\na=extmap:2 urn:ietf:params:rtp-hdrext:toffset\r\na=extmap:3 http://www.webrtc.org/experiments/rtp-hdrext/abs-send-time\r\na=extmap:4 urn:3gpp:video-orientation\r\na=extmap:5 http://www.ietf.org/id/draft-holmer-rmcat-transport-wide-cc-extensions-01\r\na=extmap:6 http://www.webrtc.org/experiments/rtp-hdrext/playout-delay\r\na=extmap:7 http://www.webrtc.org/experiments/rtp-hdrext/video-content-type\r\na=extmap:8 http://www.webrtc.org/experiments/rtp-hdrext/video-timing\r\na=sendrecv\r\na=rtcp-mux\r\na=rtcp-rsize\r\na=rtpmap:96 VP8/90000\r\na=rtcp-fb:96 goog-remb\r\na=rtcp-fb:96 transport-cc\r\na=rtcp-fb:96 ccm fir\r\na=rtcp-fb:96 nack\r\na=rtcp-fb:96 nack pli\r\na=rtpmap:97 rtx/90000\r\na=fmtp:97 apt=96\r\na=rtpmap:98 VP9/90000\r\na=rtcp-fb:98 goog-remb\r\na=rtcp-fb:98 transport-cc\r\na=rtcp-fb:98 ccm fir\r\na=rtcp-fb:98 nack\r\na=rtcp-fb:98 nack pli\r\na=rtpmap:99 rtx/90000\r\na=fmtp:99 apt=98\r\na=rtpmap:100 H264/90000\r\na=rtcp-fb:100 goog-remb\r\na=rtcp-fb:100 transport-cc\r\na=rtcp-fb:100 ccm fir\r\na=rtcp-fb:100 nack\r\na=rtcp-fb:100 nack pli\r\na=fmtp:100 level-asymmetry-allowed=1;packetization-mode=1;profile-level-id=42001f\r\na=rtpmap:101 rtx/90000\r\na=fmtp:101 apt=100\r\na=rtpmap:102 H264/90000\r\na=rtcp-fb:102 goog-remb\r\na=rtcp-fb:102 transport-cc\r\na=rtcp-fb:102 ccm fir\r\na=rtcp-fb:102 nack\r\na=rtcp-fb:102 nack pli\r\na=fmtp:102 level-asymmetry-allowed=1;packetization-mode=1;profile-level-id=42e01f\r\na=rtpmap:124 rtx/90000\r\na=fmtp:124 apt=102\r\na=rtpmap:127 red/90000\r\na=rtpmap:123 rtx/90000\r\na=fmtp:123 apt=127\r\na=rtpmap:125 ulpfec/90000\r\na=ssrc-group:FID 4142159662 3050859437\r\na=ssrc:4142159662 cname:reYQqYdSFjANuTK6\r\na=ssrc:4142159662 msid:Q9o54prg6ybvH4j9gouzeNZhyxfEAvSFNuQR fe5233ce-203d-42e0-8e1a-19c2745781b8\r\na=ssrc:4142159662 mslabel:Q9o54prg6ybvH4j9gouzeNZhyxfEAvSFNuQR\r\na=ssrc:4142159662 label:fe5233ce-203d-42e0-8e1a-19c2745781b8\r\na=ssrc:3050859437 cname:reYQqYdSFjANuTK6\r\na=ssrc:3050859437 msid:Q9o54prg6ybvH4j9gouzeNZhyxfEAvSFNuQR fe5233ce-203d-42e0-8e1a-19c2745781b8\r\na=ssrc:3050859437 mslabel:Q9o54prg6ybvH4j9gouzeNZhyxfEAvSFNuQR\r\na=ssrc:3050859437 label:fe5233ce-203d-42e0-8e1a-19c2745781b8\r\n"}}}
send服务器发送给 客服端1 消息:{"event":"_answer","data":{"sdp":{"type":"answer","sdp":"v=0\r\no=- 2387596707289326636 2 IN IP4 127.0.0.1\r\ns=-\r\nt=0 0\r\na=group:BUNDLE audio video\r\na=msid-semantic: WMS Q9o54prg6ybvH4j9gouzeNZhyxfEAvSFNuQR\r\nm=audio 9 UDP/TLS/RTP/SAVPF 111 103 104 9 0 8 106 105 13 110 112 113 126\r\nc=IN IP4 0.0.0.0\r\na=rtcp:9 IN IP4 0.0.0.0\r\na=ice-ufrag:vu+3\r\na=ice-pwd:aqMVjGj1Hz8ziy3PB+I1QY3y\r\na=ice-options:trickle\r\na=fingerprint:sha-256 F3:66:9C:C3:2D:0B:90:17:47:BB:30:B3:6D:F5:24:5C:87:E8:71:56:D1:C0:00:7D:08:CB:AA:84:18:98:6E:71\r\na=setup:active\r\na=mid:audio\r\na=extmap:1 urn:ietf:params:rtp-hdrext:ssrc-audio-level\r\na=sendrecv\r\na=rtcp-mux\r\na=rtpmap:111 opus/48000/2\r\na=rtcp-fb:111 transport-cc\r\na=fmtp:111 minptime=10;useinbandfec=1\r\na=rtpmap:103 ISAC/16000\r\na=rtpmap:104 ISAC/32000\r\na=rtpmap:9 G722/8000\r\na=rtpmap:0 PCMU/8000\r\na=rtpmap:8 PCMA/8000\r\na=rtpmap:106 CN/32000\r\na=rtpmap:105 CN/16000\r\na=rtpmap:13 CN/8000\r\na=rtpmap:110 telephone-event/48000\r\na=rtpmap:112 telephone-event/32000\r\na=rtpmap:113 telephone-event/16000\r\na=rtpmap:126 telephone-event/8000\r\na=ssrc:3611041506 cname:reYQqYdSFjANuTK6\r\na=ssrc:3611041506 msid:Q9o54prg6ybvH4j9gouzeNZhyxfEAvSFNuQR 1f05dacf-9044-4f52-8823-6a48d5ac4e47\r\na=ssrc:3611041506 mslabel:Q9o54prg6ybvH4j9gouzeNZhyxfEAvSFNuQR\r\na=ssrc:3611041506 label:1f05dacf-9044-4f52-8823-6a48d5ac4e47\r\nm=video 9 UDP/TLS/RTP/SAVPF 96 97 98 99 100 101 102 124 127 123 125\r\nc=IN IP4 0.0.0.0\r\na=rtcp:9 IN IP4 0.0.0.0\r\na=ice-ufrag:vu+3\r\na=ice-pwd:aqMVjGj1Hz8ziy3PB+I1QY3y\r\na=ice-options:trickle\r\na=fingerprint:sha-256 F3:66:9C:C3:2D:0B:90:17:47:BB:30:B3:6D:F5:24:5C:87:E8:71:56:D1:C0:00:7D:08:CB:AA:84:18:98:6E:71\r\na=setup:active\r\na=mid:video\r\na=extmap:2 urn:ietf:params:rtp-hdrext:toffset\r\na=extmap:3 http://www.webrtc.org/experiments/rtp-hdrext/abs-send-time\r\na=extmap:4 urn:3gpp:video-orientation\r\na=extmap:5 http://www.ietf.org/id/draft-holmer-rmcat-transport-wide-cc-extensions-01\r\na=extmap:6 http://www.webrtc.org/experiments/rtp-hdrext/playout-delay\r\na=extmap:7 http://www.webrtc.org/experiments/rtp-hdrext/video-content-type\r\na=extmap:8 http://www.webrtc.org/experiments/rtp-hdrext/video-timing\r\na=sendrecv\r\na=rtcp-mux\r\na=rtcp-rsize\r\na=rtpmap:96 VP8/90000\r\na=rtcp-fb:96 goog-remb\r\na=rtcp-fb:96 transport-cc\r\na=rtcp-fb:96 ccm fir\r\na=rtcp-fb:96 nack\r\na=rtcp-fb:96 nack pli\r\na=rtpmap:97 rtx/90000\r\na=fmtp:97 apt=96\r\na=rtpmap:98 VP9/90000\r\na=rtcp-fb:98 goog-remb\r\na=rtcp-fb:98 transport-cc\r\na=rtcp-fb:98 ccm fir\r\na=rtcp-fb:98 nack\r\na=rtcp-fb:98 nack pli\r\na=rtpmap:99 rtx/90000\r\na=fmtp:99 apt=98\r\na=rtpmap:100 H264/90000\r\na=rtcp-fb:100 goog-remb\r\na=rtcp-fb:100 transport-cc\r\na=rtcp-fb:100 ccm fir\r\na=rtcp-fb:100 nack\r\na=rtcp-fb:100 nack pli\r\na=fmtp:100 level-asymmetry-allowed=1;packetization-mode=1;profile-level-id=42001f\r\na=rtpmap:101 rtx/90000\r\na=fmtp:101 apt=100\r\na=rtpmap:102 H264/90000\r\na=rtcp-fb:102 goog-remb\r\na=rtcp-fb:102 transport-cc\r\na=rtcp-fb:102 ccm fir\r\na=rtcp-fb:102 nack\r\na=rtcp-fb:102 nack pli\r\na=fmtp:102 level-asymmetry-allowed=1;packetization-mode=1;profile-level-id=42e01f\r\na=rtpmap:124 rtx/90000\r\na=fmtp:124 apt=102\r\na=rtpmap:127 red/90000\r\na=rtpmap:123 rtx/90000\r\na=fmtp:123 apt=127\r\na=rtpmap:125 ulpfec/90000\r\na=ssrc-group:FID 4142159662 3050859437\r\na=ssrc:4142159662 cname:reYQqYdSFjANuTK6\r\na=ssrc:4142159662 msid:Q9o54prg6ybvH4j9gouzeNZhyxfEAvSFNuQR fe5233ce-203d-42e0-8e1a-19c2745781b8\r\na=ssrc:4142159662 mslabel:Q9o54prg6ybvH4j9gouzeNZhyxfEAvSFNuQR\r\na=ssrc:4142159662 label:fe5233ce-203d-42e0-8e1a-19c2745781b8\r\na=ssrc:3050859437 cname:reYQqYdSFjANuTK6\r\na=ssrc:3050859437 msid:Q9o54prg6ybvH4j9gouzeNZhyxfEAvSFNuQR fe5233ce-203d-42e0-8e1a-19c2745781b8\r\na=ssrc:3050859437 mslabel:Q9o54prg6ybvH4j9gouzeNZhyxfEAvSFNuQR\r\na=ssrc:3050859437 label:fe5233ce-203d-42e0-8e1a-19c2745781b8\r\n"}}}
rev服务端收到 客服端0 消息:	{"event":"_ice_candidate","data":{"candidate":{"candidate":"candidate:2201212986 1 udp 2113937151 172.18.1.229 49635 typ host generation 0 ufrag vu+3 network-cost 50","sdpMid":"audio","sdpMLineIndex":0}}}
send服务器发送给 客服端1 消息:{"event":"_ice_candidate","data":{"candidate":{"candidate":"candidate:2201212986 1 udp 2113937151 172.18.1.229 49635 typ host generation 0 ufrag vu+3 network-cost 50","sdpMid":"audio","sdpMLineIndex":0}}}

 

 

服务端采用spootboot实现websocket

pom.xml

<parent>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-parent</artifactId>
        <version>2.0.3.RELEASE</version>
        <relativePath/> <!-- lookup parent from repository -->
    </parent>

<dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-web</artifactId>
        </dependency>
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-websocket</artifactId>
        </dependency>
        <!-- webstock相关依赖包. -->
        <dependency>
            <groupId>javax</groupId>
            <artifactId>javaee-api</artifactId>
            <version>7.0</version>
            <scope>provided</scope>
        </dependency>
        <!-- https://mvnrepository.com/artifact/org.json/json -->
        <dependency>
            <groupId>org.json</groupId>
            <artifactId>json</artifactId>
            <version>20180130</version>
        </dependency>

客服端webrtc

//兼容不同浏览器获取到用户媒体对象
    var getUserMedia = (navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia || navigator.msGetUserMedia || navigator.mediaDevices.getUserMedia);

var sessionList=[]
    var pcList=[];//建立多个PeerConnection实现相互之间的点对点
    function createPeerConnection(clientID) {
        //兼容不同浏览器客户端之间的连接
        pcList[clientID] = new (window.PeerConnection || window.webkitPeerConnection00 || window.webkitRTCPeerConnection || window.mozRTCPeerConnection);
        //兼容不同浏览器
        sessionList[clientID] = (window.RTCSessionDescription || window.mozRTCSessionDescription || window.webkitRTCSessionDescription);

        pcList[clientID].addStream(localhostStream);
        // 发送ICE候选到其他客户端
        pcList[clientID].onicecandidate = function (event) {
            if (event.candidate !== null) {
                websocket.send(JSON.stringify({
                    "event" : "_ice_candidate",
                    "clientId" : myID,
                    "roomID" :roomID,
                    "respon" :clientID,
                    "data" : {
                        "candidate" : event.candidate
                    }
                }));
            }
        };
        // 如果检测到媒体流连接到本地，将其绑定到一个video标签上输出
        pcList[clientID].onaddstream = function (event) {
            var node=document.createElement("video");
            node.setAttribute("width",640);
            node.setAttribute("height",480);
            node.setAttribute("autoplay","autoplay");
            node.setAttribute("id","video"+clientID);
            node.setAttribute("src",URL.createObjectURL(event.stream));
            document.getElementById('videoList').appendChild(node);
        };
        //return pcList[clientID];
    }

 

LZM
关注
  • 0
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
教你用WebRTC撸一个多人视频聊天
sinat_39726996的博客
08-04 2472
之前公司准备用 webRTC 来实现视频聊天，研究了几天，撸了个 demo 出来，(虽然最后并没有采用这项技术,囧)，但是还是写一个出来吧！ WebRTC简单介绍 WebRTC (Web Real-Time Communication) 是一个可以用在视频聊天，音频聊天或P2P文件分享等Web App中的 API。- MDN 目前这项Web技术支持的浏览器有chrome, firefox和safari。 WebRTC 有三个主要的API getUserMedia - 采集本地音频和视频流 RTCPee
WebRtc 多人视频通讯
09-16
注意事项：1、在文件client.js中修改服务端的ip地址：var connection = new WebSocket('ws://127.0.0.1:8888')； 2、启动服务：node .\index.js； ... ... 5、打开多个客户端时，不能以相同的别名登入。
WebRTC+java实现多人视频通讯
04-24
通过WebRTC实时通讯技术，配合后端java websocket实现多人视频。局域网内视频没问题，公网需要自行穿透NAT，项目整体为SpringBoot 外置Tomcat 启动
WebRTC实现多人视频聊天
我与风来
08-18 7305
写在前面 实现房间内人员的视频聊天，由于并未很完善，所以需要严格按照步骤来，当然基于此完善，就是时间的问题了。 架构 整个设计架构如下： 图片来自于参考博文。我使用的是第一种Mesh 架构，无需任何流媒体服务器，直接利用成熟的WebRTC 协议。该体系架构基于从每一个发送者创建多个一对一 的数据流到每一个接收端。客户端创建多个对等连接，连接数量基于房间内的其它成员数。 应用程序...
WebRTC实现多人通话-Mesh架构【保姆级源码教程】
最新发布
qq_27890899的博客
05-06 1027
WebRTC（Web Real-Time Communications）中的Mesh架构是一种将多个终端之间两两进行连接，形成网状结构的通信模式。在Mesh架构中，每个参与者（或称为peer）都需要与其他所有参与者建立直接的媒体连接。例如，如果有A、B、C、D四个参与者，那么A需要分别与B、C、D建立连接，B也需要分别与A、C、D建立连接，以此类推。Mesh架构不需要服务器中转数据，充分利用了客户端的带宽资源，节省了服务器资源。此外，由于所有参与者都直接相连，因此网络延迟较低，实时性较好。
使用 WebRTC 和 H5、JavaSprict 开发一套简单的语音客服系统，.NET 语音客服系统
KeiSoft
07-21 354
H5 语音客服系统可以实现实时的语音通话功能，使客户能够直接与客服人员进行语音交流，通过语音通话，用户可以更直接地表达问题，客服人员也能更准确地理解用户需求，从而更快速地提供解决方案。
一步一步搭建客服系统 (2) 如何搭建SimpleWebRTC信令服务器
weixin_34174422的博客
08-31 151
  上次介绍了《3分钟实现网页版多人文本、视频聊天室 （含完整源码)》使用的是default 信令服务器，只是为了方便快速开始而已。SimapleWebRTC官方文档里第一条就讲到，不要在生产环境里使用。这篇将详细介绍如何搭建一个自己的信令服务器。   1 安装Node JS 1. 从http://www.nodejs.org/download/下载nodejs最新版并安装，我是在Wind...
WEBRTC多人视频通话
08-10
WEBRTC多人视频通话，可以支持多人视频通话，目前是三人的，因为视频通话的信令用到的是websocket，所以代码里面也放入了单独websocket通信的demo，解释也比较详细了,原来有一个列子是两人的，后面改成三人的，多人...
webrtc:webrtc多人在线视频
04-30
webrtcwebrtc多人在线视频webrtc文件夹为idea的spootboot项目，用来启动WebSocketweb.html为html静态文件WebSocket 地址 ws://localhost:8888/webrtc启动spootboot项目，chrome或者firefox打开html文件，在url添加后...
基于WebRTC+SpringBoot+Websocket 简单音视频通话
05-12
相关技术：Websocket，Springboot，WebRtc 使用Websocket 作为交互，作为信令服务器，负责信令交换。 视频、麦克风、屏幕共享相关操作，下载即可运行。 包含使用手册及相关说明。
webRTC实现视频聊天
microcosm1994的博客
07-01 1446
思路 1.A创建peer实例 2.B创建peer实例 3.A生成candidate、offer发送给B，并设置LocalDescription 4.B接收到candidate和offer，B添加A的candidate，并设置A的offer为RemoteDescription 5.B生成candidate和Answer返回给A，并设置LocalDescription 6.A接收到candidate...
webrtc视频在线示例
12-02
android 实现webrtc，示例 github 资源的google开源的webrtc 视频通信对话 协议 rtp / rtcp webview 等 ，视频，聊天等
webrtc_android-webrtc安卓端多人视频会议的实现.zip
09-23
Webrtc的Android端多人视频实现群名称：/WebRtcDemo （github）服务器端的实现：https://github.com/ddssingsong/webrtc_server.git （github）二、本demo实现的功能支持多人视频支持一对一视频和语音可配置服务器，包括wss和stun服务器移动到library，供项目调用优化界面动态权限申请分离Websocket逻辑，可替换和自定义信令三、实现效果
WebRTC Demo（测试通过）
12-17
上传了我本人测试通过的WebRTC Demo
WebRTC初试用-在线视频聊天室的基本流程
yinshipin007的博客
04-07 269
在线视频传输，传统做法是做一个中继服务器，负责客户端的发现和数据的中介传输，那么就会产生一个很明显的问题，中继服务器需要传输大量的数据，不仅如此还有复杂的流信息控制以及同步等问题。数据等等的，每次发送数据时，发送方都要发送一个offer过去，接收方收到后，根据offer更新自己的会话，接收方也可以发送answer。由于因特网的历史原因，NAT广泛用于全世界，所以，要实现P2PNAT穿透也是一个问题，NAT穿透的问题已在上一篇讲过，这盘文章在局域。此文，大略的介绍一下RTC里面的部分基础组件和常用流程。
基于Chrome、Java、WebSocket、WebRTC实现浏览器视频通话
孙建军的博客
12-12 4117
http://blog.csdn.net/leecho571/article/details/8146525   基于Chrome、Java、WebSocket、WebRTC实现浏览器视频通话 分类： Java HTML5 WebSocket WebRTC2012-11-04 13:04 6598人阅读 评论(14) 收藏 举报 目录(?)[+]
通过webrtc server 快速搭建webrtc视频通话
zwwang2014的博客
04-17 2505
通过webrtc server 快速搭建webrtc视频通话环境准备配置webrtc server运行配置nginx生成密钥启动nginx测试 环境准备 （1）准备一台云服务器，并且已经安装coturn服务，安装方式参照 （2）安装nodejs，安装方式参照 （3）安装nginx，sudo apt-get install nginx （4）下载webrtc server，git clone htt...
主流视频通话SDK比较
萨达哈鲁的博客
01-11 2万+
视频通话框架 主流的视频通讯框架比较多，此文主要通过Android平台的来做SDK平台使用的比较。 现在的视频热门框架有一些如： Jitsi  Jitsi是一个开源的，安全（ZRTP加密），高质量的SIP/XMPP视频通话、会议、聊天、桌面共享、文件传传输。可以安装在你喜欢的操作系统中并且支持多种IM网络。 官方网站：https://jitsi.org/ SIPDroid 
基于Webrtc的多人视频会议的简单实现
热门推荐
张小贝的博客
08-15 3万+
通过重写WEBRTC传输模块来实现一个简单的视频会议，效果如下图： 说明： 1、画面1、2、3都是其他手机传过来的图像，局域网内有点点卡顿，同时软解3路数据你懂的。 2、声音比较清晰，服务端没有做混音处理。   实现原理： 1、服务端是小伙伴用C++配合实现的，主要作用就是信令控制与转发，所以原理没有太多好讲的。 2、因为有在WEBRTC里面注册自
webrtc多人视频会议开发
06-09
WebRTC是一种用于实时通信的开放式标准，可用于多种应用程序，包括多人视频会议。开发多人视频会议需要以下步骤： 1. 在WebRTC上建立点对点通信。 2. 实现多人通信的信令服务器。 3. 实现多人视频通话的路由和控制。...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值