Einen Anruf beenden

• Zurück
• Weiter

Sie haben es fast geschafft! Das Letzte, was Sie tun möchten, ist, sicherzustellen, dass Ihre Anrufer die Möglichkeit haben, einen Anruf zu beenden. Der eleganteste Weg, dies zu tun, besteht darin, die Verbindung mit der close()-Funktion zu schließen, die Sie in einem Event-Listener für die Auflegentaste implementieren können.

1. Fügen Sie Folgendes am Ende Ihrer script.js-Datei hinzu:

   js

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

2. Wenn die Verbindung geschlossen wurde, möchten Sie auch den korrekten HTML-Inhalt anzeigen, sodass Sie einfach Ihre showCallContent()-Funktion aufrufen können. Innerhalb des call-Events möchten Sie auch sicherstellen, dass der entfernte Browser aktualisiert wird. Um dies zu erreichen, fügen Sie innerhalb des peer.on('call', (stream) => { } Event-Listeners, im Bedingungsblock, einen weiteren Event-Listener hinzu.

   js

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

   Auf diese Weise werden beide Browser trotzdem mit dem neuen Zustand aktualisiert, wenn die Person, die den Anruf initiiert hat, zuerst auf "Auflegen" klickt.

3. Testen Sie Ihre App erneut und versuchen Sie, einen Anruf zu beenden.

• Zurück
• Weiter