问题可能出现在SDP协商方面。在SDP协商前,需要确保正确设置视频和音频约束。下面是一个示例代码,用于设置视频和音频约束:
// 设置视频约束 var videoConstraints = { width: {exact: 640}, height: {exact: 480}, frameRate: {exact: 30} };
// 设置音频约束 var audioConstraints = { echoCancellation: true, noiseSuppression: true, autoGainControl: true };
// 获取本地媒体流 navigator.mediaDevices.getUserMedia({ audio: audioConstraints, video: videoConstraints }) .then(function(stream) { // 将本地媒体流传递给RTCPeerConnection对象 peerConnection.addStream(stream); }) .catch(function(error) { console.log('获取本地媒体流错误: ' + error); });
在协商SDP之前,确保所有的媒体轨道都已经添加到RTCPeerConnection对象中。在RTCPeerConnection对象上添加onaddstream监听器,监听远程流是否已添加。
peerConnection.onaddstream = function(event) { remoteVideo.srcObject = event.stream; };
最后,确保在创建RTCDataChannel对象之前建立了一个成功的连接。
当媒体轨道正确添加到RTCPeerConnection对象并建立连接后,WebRTC视频流应该可以在本地网络中正常工作。