Erstellen einer Peer-Verbindung

Als nächstes möchten Sie sicherstellen, dass Ihre Nutzer eine Möglichkeit haben, sich mit ihren Peers zu verbinden. Um zwei Peers zu verbinden, benötigen Sie die Peer-ID von einem von ihnen.

  1. Lassen Sie uns eine Variable erstellen, um die ID zu speichern, und eine Funktion, um anzufordern, dass der Nutzer sie eingibt, die wir später aufrufen werden. Fügen Sie dies am Ende von script.js hinzu:

    js
    let code;
    function getStreamCode() {
      code = window.prompt("Please enter the sharing code");
    }
    

    Die Methode window.prompt() bietet eine bequeme Möglichkeit, die relevante Peer-ID zu erhalten — Sie können diese verwenden, wenn Sie die peerID sammeln möchten, die zur Erstellung der Verbindung benötigt wird.

  2. Mithilfe des peerJS-Frameworks möchten Sie den localPeer mit dem remotePeer verbinden. PeerJS stellt uns die connect()-Funktion zur Verfügung, die eine Peer-ID annimmt, zu der eine Verbindung hergestellt werden soll. Fügen Sie diesen Block unter Ihrem vorherigen Code hinzu:

    js
    let conn;
    function connectPeers() {
      conn = peer.connect(code);
    }
    
  3. Wenn eine Verbindung erstellt wird, verwenden wir das on('connection') des PeerJS-Frameworks, um die ID des Remote-Peers festzulegen und die Verbindung zu öffnen. Die Funktion für diesen Listener akzeptiert ein connection-Objekt, das eine Instanz des DataConnection-Objekts ist (welches ein Wrapper um WebRTC's RTCDataChannel ist); innerhalb dieser Funktion sollten Sie es einer Variable zuweisen. Erstellen Sie auch hier die Variable außerhalb der Funktion, damit Sie sie später zuweisen können. Fügen Sie folgendes unter Ihrem vorherigen Code hinzu:

    js
    peer.on("connection", (connection) => {
      conn = connection;
    });