Завершение вызова

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

Вы почти закончили! Последнее, что нужно сделать, это обеспечить возможность завершения вызова для ваших абонентов. Наиболее элегантным способом является закрытие соединения с помощью функции close(), что можно сделать в обработчике событий для кнопки "Повесить трубку".

1. Добавьте следующее в конец вашего файла script.js:

   const hangUpBtn = document.querySelector(".hangup-btn");
   hangUpBtn.addEventListener("click", () => {
     conn.close();
     showCallContent();
   });
   

2. Когда соединение закрыто, вам также нужно отобразить правильное содержимое HTML, поэтому вы можете просто вызвать свою функцию showCallContent(). Внутри обработчика событий call, вам также нужно убедиться, что удалённый браузер обновлён. Для этого добавьте ещё один обработчик событий внутри обработчика событий peer.on('call', (stream) => { }, внутри условного блока.

   conn.on("close", () => {
     showCallContent();
   });
   

   Таким образом, если человек, который инициировал вызов, нажмёт "Повесить трубку" первым, оба браузера всё ещё будут обновлены с новым состоянием.

3. Ещё раз протестируйте ваше приложение и попробуйте завершить вызов.

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