如何在peer js中建立对等点之间的连接

Question

我的目标是联系 webrtc 同行并分享他们的视频，但我无法在下面的代码中联系同行。

const [stream, setstream] = useState();
const myVideo = useRef();
const userVideo = useRef();

useEffect(() => {
    navigator.mediaDevices
        .getUserMedia({ video: true, audio: true })
        .then((currentStream) => {
            myVideo.current.srcObject = currentStream;
            setstream(currentStream);
        });
}, []);

var peer1 = new Peer({ initiator: true, stream: stream, wrtc: wrtc });
var peer2 = new Peer({ wrtc: wrtc });

peer1.on('signal', (data) => {
    peer2.signal(data);
});

peer2.on('stream', (stream) => {
    console.log('connected');
});

我知道这行不通，那么我如何才能将同行与 id 联系起来？请帮我解决这个问题。

Answer 1

PeerJS API documentation 中的第一个示例展示了如何连接两个点。我建议你从那里开始；如果您再次遇到困难，请随时更新您的问题，我会尽力帮助您。

^{我会在评论中写下这个，但我没有足够的声誉。}

如何在peer js中建立对等点之间的连接

how to establish connection between peers in peer js

webrtc

reactjs

peerjs

simple-peer