Javascript WebRTC客户端无法在视频元素上显示远程流

Javascript WebRTC客户端无法在视频元素上显示远程流,javascript,video-streaming,webrtc,Javascript,Video Streaming,Webrtc,我正在尝试测试一个用于视频呼叫的WebRTC应用程序,它的信令服务器是用Spring Boot编写的。这是我正在运行的客户端代码。 然而,在提供的情况下,远程窗口上的本地流被打开,我可以在本地视图视频元素中看到cam视图,但远程视图元素只是空白。我想我在代码中犯了一些明显的错误。请帮帮我。 客户端代码: navigator.mediaDevices.getUserMedia(constraints). then(function(stream) { pc.addStream(s

我正在尝试测试一个用于视频呼叫的WebRTC应用程序,它的信令服务器是用Spring Boot编写的。这是我正在运行的客户端代码。 然而,在提供的情况下,远程窗口上的本地流被打开,我可以在本地视图视频元素中看到cam视图,但远程视图元素只是空白。我想我在代码中犯了一些明显的错误。请帮帮我。 客户端代码:

navigator.mediaDevices.getUserMedia(constraints).
  then(function(stream) { 
      pc.addStream(stream);
      var selfView = document.getElementById("selfView");
          selfView.srcObject = stream;
    }).catch(function(err) { console.log("Media not found", err) });

// once remote stream arrives, show it in the remote video element
pc.onaddStream = function (evt) {
    var remoteView = document.getElementById("remoteView");
    remoteView.srcObject = evt.stream;
};
}

这就是我处理本地和远程流的地方

[如果您需要更多信息/部分代码段了解更多信息,请发表评论]

输出控制台:
消息{“类型”:“rtc”,“dest”:“B”,“数据”:{“sdp”:{“类型”:“应答”,“sdp”:"v=0\r\no=-2621698359003834693 2 IN IP4 127.0.0.1\r\ns=-\r\nt=0 0\r\na=group:BUNDLE 0 1\r\na=msid语义:WMS\r\nm=audio 9 UDP/TLS/RTP/SAVPF 111 103 104 9 0 8 106 13 110 113 126\r\nc=IN IP4 0.0.0.0.0.0.0\r\na=rtcp:9 IN IP4 0.0.0.0.0.0.0.0.0\r\n=rtcp=9\r\na=ice-ufrag:BAgT\r\na=ice-d:Ohd:OHx08104 9\r\na=ice-Xxxxxxxxxx089\r\r\r\na=ice=Tvzbj\na=ice-Cdxxx0C:8E:B4:ED:88:36:A2:30:A7:84:63:CF:71:BA:36:AA:8B:AA:E1:32:A0:DB:B1:15:DE:04:BB:92:41:94\r\na=setup:active\r\na=mid:0\r\na=extmap:1 urn:ietf:params:rtp hdrext:ssrc音频电平\r\na=extmap:2http://www.webrtc.org/experiments/rtp-hdrext/abs-send-time\r\na=extmap:3http://www.ietf.org/id/draft-holmer-rmcat-transport-wide-cc-extensions-01\r\na=extmap:4 urn:ietf:params:rtp-hdrext:sdes:mid\r\na=extmap:5 urn:ietf:params:rtp-hdrext:sdes:rtp-stream-id\r\na=extmap:6 urn:ietf:params:rtp-hdrext:sdes:repaired-rtp-stream-id\r\na=recvoly\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\pmac=16000/isar\r\pmac=104\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电话事件/48000\r\na=rtpmap:112电话事件/32000\r\na=rtpmap:113电话事件/16000\r\na=rtpmap:126电话事件/8000\r\nm=UDP视频事件/9812 12 12 12 12 12 12 12 12 12 12 12 12 12 12 12 12 12 12 12 12 12 12 12 12 12 12 12 12 12 12 12 12 12 12 12 12 12 12 12 12 12 12 12 12 12 12 12 12 12 12 12 12 12 12 12 12 12 12 12 12 12 12 12 12 12 12 12 12 12 12 12 12 12 12 12 12 12 12 12 12 12 12 12 12 12 12 12 12 12 12 12 12 12 12 12 125 107 107 108 108 108 108 108 108 108 108 108 108 108 108 108 108 108 108 108 108 108 108 108 108 109 109 120 120 120 120 120 120 120 120 120 120 120 120 120 120 120 120 120 120 120 120 120 120 120 119 119 119 119 119 119 119 119 119 119 114 114 114 114 114 114 114 114 114 114 114 114 114 114 115 115 115 115 11 11 11 11 11 11 11 11 11 11 11 11 11 11 11 11 11 11 11 11 11 11 11 11 11 11 11 11 11 11 11 11 11 11 11 11 11 11 11 11 11 11 11 11 11 11 11 11 11 11 11 11 11 11 11 11 11 11 11 11 11 11 11 11 11 11 11地址:1\r\na=extmap:14 urn:ietf:params:rtp hdrext:toffset\r\na=extmap:2http://www.webrtc.org/experiments/rtp-hdrext/abs-send-time\r\na=extmap:13 urn:3gpp:video orientation\r\na=extmap:3http://www.ietf.org/id/draft-holmer-rmcat-transport-wide-cc-extensions-01\r\na=extmap:12http://www.webrtc.org/experiments/rtp-hdrext/playout-delay\r\na=extmap:11http://www.webrtc.org/experiments/rtp hdrext/video content type\r\na=extmap:7http://www.webrtc.org/experiments/rtp-hdrext/video-timing\r\na=extmap:8http://tools.ietf.org/html/draft-ietf-avtext-framemarking-07\r\na=extmap:9http://www.webrtc.org/experiments/rtp-hdrext/color-space\r\na=extmap:4 urn:ietf:params:rtp hdrext:sdes:mid\r\na=extmap:5 urn:ietf:params:rtp-hdrext:sdes:rtp stream id\r\na=extmap:6 urn:ietf:params:rtp hdrext:sdes:repaired rtp stream id\r\na=recvonly\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=96 nack\r\na=96 nack pli=rtcp=90000\r\r\nApt=97VP9/90000\r\na=rtcp fb:98 goog remb\r\na=rtcp fb:98传输cc\r\na=rtcp fb:98 ccm fir\r\na=rtcp fb:98 nack\r\na=rtcp fb:98 nack pli\r\na=fmtp:98配置文件id=0\r\na=rtpmap:99 rtx/90000\r\na=RTTP:99 apt=98\r\na=rtpmap:100 VP9/90000\r\na=rtcp fb:100 goog remb\r\na=rtcp\na=100传输id=rtcp\r\na=rtcp fb\r\n100 nack pli\r\na=fmtp:100配置文件id=2\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传输cc\r\na=rtcp fb:102 ccm fir\r\na=rtcp fb:102 nack\r\na=rtcp fb:102 nack pli\r\na=rtcp fb:102允许的不对称级别=1;打包模式=1;配置文件id=42001122\r\n/90000\r\na=fmtp:122 apt=102\r\na=rtpmap:127 H264/90000\r\na=rtcp fb:127 goog remb\r\na=rtcp fb:127 transport cc\r\na=rtcp fb:127 ccm fir\r\na=rtcp fb:127 nack pli\r\na=fmtp:127允许的级别不对称=1;打包模式=0;配置文件级别id=42001f\r\na=RTP:121 rtx/90000\r\na=rtcp:121 rtx=127\r\na=rtcp fb:125 nack\r\na=rtcp fb:125传输cc\r\na=rtcp fb:125 ccm fir\r\na=rtcp fb:125 nack\r\na=rtcp fb:125 nack pli\r\na=fmtp:125允许的电平不对称=1;封装模式=1;配置文件电平id=42e01f\r\na=rtpmap:107 rtx/90000\r\na=fmtp:107 apt=125\r\na=RTP:108 H264/90000\r\na=108 goog remb=108传输=rtcp fb:108 ccm fir\r\na=rtcp fb:108 nack\r\na=rtcp fb:108 nack pli\r\na=fmtp:108允许的级别不对称性=1;打包模式=0;配置文件级别id=42e01f\r\na=rtpmap:109 rtx/90000\r\na=fmtp:109 apt=108\r\na=rtpmap:124 H264/90000\r\na=rtcp fb:124 goog remb\r\na=rtcp fb:124传输cc\r\na=rtcp fb:124 ccm\r\nnack pli\r\na=fmtp:124允许的级别不对称性=1;打包模式=1;配置文件级别id=4d0015\r\na=rtpmap:120 rtx/90000\r\na=fmtp:120 apt=124\r\na=rtcp fb:123 goog remb\r\na=rtcp fb:123传输cc\r\na=rtcp fb:123 ccm fir\r\na=rtcp fb:123 nack\r\na=rtcp fb:123允许的级别不对称性离子模式=1;剖面级别id=640015\r\na=rtpmap:119 rtx/90000\r\na=fmtp:119 apt=123\r\na=rtpmap:114 red/90000\r\na=rtpmap:115 rtx/90000\r\na=fmtp:115 apt=114\r\na=rtpmap:116 ulpfec/90000\r\n“}
main.js:53消息{“type”:“rtc”,“dest”:“B”,“data”:{“candidate”:{“candidate”:“candidate:2761536593 1 udp 2122257663 2002:5045:45b:1000:4a5:1509:ac00:d8