无法使用单个 mediaStream 调用 peer.js 方法

Question

所以我正在使用 node.js,peer.js,soket.io 做一个视频通话应用程序项目来熟悉它们：

这是我尝试的第一种方法：

我试图给对等方打电话，并在同一个地方使用 stream 接听电话。 它失败了，因为 Peer 的呼叫事件没有触发并且没有应答。（第 1 行）因此没有发送 stream 作为响应。

const myVideo = document.createElement("video");
myVideo.muted = true;
var videoGrid = document.getElementById("video-grid");
navigator.mediaDevices.getUserMedia({
    video: true,
    audio: true
}).then((stream) => {
    addVideo(myVideo, stream);


    peer.on('call', (call) => {                                           //LINE 1
        call.answer(stream);
        const video = document.createElement("video");
        call.on('stream', (remoteStream) => {
            addVideo(video, remoteStream);
        });
    });


    socket.on('user-connected', (userId) => {
        const call = peer.call(userId,
            stream);
        const video = document.createElement("video");
        call.on('stream', function (remoteStream) {
            addVideo(video, remoteStream);
        });
    })

});


peer.on('open', id => {
    socket.emit('join-room', ROOM_ID, id);
})

const addVideo = (video, mediaStream) => {
    video.srcObject = mediaStream;
    video.addEventListener('loadedmetadata', () => {
        video.play();
    })
    videoGrid.append(video);
}

接下来，我打电话给对等方，并使用不同的流进行应答。 这有效。

const myVideo = document.createElement("video");
myVideo.muted = true;
var videoGrid = document.getElementById("video-grid");
navigator.mediaDevices.getUserMedia({
    video: true,
    audio: true
}).then((stream) => {
    addVideo(myVideo, stream);
});


peer.on('call', (call) => {
    navigator.mediaDevices.getUserMedia({
        video: true,
        audio: true
    }).then((stream) => {

        call.answer(stream);
        const video = document.createElement("video");
        call.on('stream', (remoteStream) => {
            addVideo(video, remoteStream);
        });
    })
});



const connectToNewUser = (userId) => {
    navigator.mediaDevices.getUserMedia({
        video: true,
        audio: true
    }).then((stream) => {
        const call = peer.call(userId,
            stream);
        const video = document.createElement("video");
        call.on('stream', function (remoteStream) {
            addVideo(video, remoteStream);
        });
    })
}

那么为什么会这样呢？ 流不能重复使用？？？

此外，我尝试将自己添加到一个电话中，让我的两个视频并排显示，我注意到随着我自己实例的增加，流变得越来越滞后。 这是来自同一摄像机的多个流的结果吗？

（上面只显示了主 FUNCTION 以减少代码。）