Создание подключения между равными

• Предыдущая
• Следующая

Далее, вы хотите обеспечить возможность вашим пользователям подключаться к своим коллегам. Для подключения двух равных вам потребуется идентификатор равного одного из них.

1. Давайте создадим переменную для хранения идентификатора и функцию для запроса ввода идентификатора пользователем, которую мы будем вызывать позже. Добавьте это в конец script.js:

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

   Метод window.prompt() предоставляет удобный способ получения соответствующего идентификатора равного — вы можете использовать его, когда хотите собрать peerID, необходимый для создания подключения.

2. Используя фреймворк peerJS, вы хотите подключить localPeer к remotePeer. PeerJS предоставляет нам функцию connect(), которая принимает идентификатор равного для подключения. Добавьте этот блок ниже вашего предыдущего кода:

   let conn;
   function connectPeers() {
     conn = peer.connect(code);
   }
   

3. Когда создается подключение, давайте воспользуемся фреймворком PeerJS's on('connection') для задания идентификатора удаленного равного и открытия подключения. Функция для этого обработчика принимает объект connection, который является экземпляром объекта DataConnection (который является оберткой вокруг WebRTC's RTCDataChannel); внутри этой функции вы хотите присвоить его переменной. Опять же, вам нужно создать переменную вне функции, чтобы вы могли присвоить ей значение позже. Добавьте следующее ниже вашего предыдущего кода:

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

• Предыдущая
• Следующая