javascript - 尝试调用另一个对等方时出现PeerJS错误:无法在“RTCPeerConnection”上执行“addStream”:参数1的类型不是“MediaStream”

我使用PeerJS成功建立了两个对等方之间的连接，但是每当我尝试将MediaStream对象传递给.call函数时，都会出现此错误：


  无法在“ RTCPeerConnection”上执行“ addStream”：参数1为
  不是'MediaStream'类型的


一切正常，连接确实建立，两个对等方都通过'open'事件从彼此接收消息。唯一不起作用的是peer.call()函数。在请求许可后可以正确捕获麦克风。

我在这里犯了某种错误吗？我将不胜感激。谢谢。

这是我的代码：

var media;

jQuery(document).ready(function() {
  var peer = new Peer({
    key: 'xxxxxxxxxxxxx'
  });

  media = navigator.mediaDevices.getUserMedia({
    audio: true,
    video: false
  });

  peer.on('open', function(id) {
    console.log('My peer ID is: ' + id);
  });

  var conn = peer.connect(callID);

  conn.on('open', function() {
    // Receive messages
    conn.on('data', function(data) {
      console.log('Received', data);
    });

    // Send messages
    conn.send('Hello!');
  });

  console.log(typeof(media));

  var call = peer.call(callID, media);

  peer.on('error', function(err) {
    console.log(err);
  });
});

最佳答案

我希望看到console.log(typeof(media));的输出。

根据MDN website，似乎以下行将返回Promise而不是MediaStream：

media = navigator.mediaDevices.getUserMedia({audio: true, video: false});

以下应该工作：

var media;

jQuery(document).ready(function() {
  var peer = new Peer({
    key: 'xxxxxxxxxxxxx'
  });

  navigator.mediaDevices.getUserMedia({
      audio: true,
      video: false
    })
    .then(function(mediaStream) {
      peer.on('open', function(id) {
        console.log('My peer ID is: ' + id);
      });

      var conn = peer.connect(callID);

      conn.on('open', function() {
        // Receive messages
        conn.on('data', function(data) {
          console.log('Received', data);
        });

        // Send messages
        conn.send('Hello!');
      });

      console.log(typeof(media));

      var call = peer.call(callID, mediaStream);

      peer.on('error', function(err) {
        console.log(err);
      });
    });
});