Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.

View in English Always switch to English

Ein internetfähiges Telefon mit PeerJS erstellen

Eines der Hauptprobleme von WebRTC ist, dass es ziemlich kompliziert ist, es zu verwenden und damit zu entwickeln – die Verwaltung des Signalisierungsdienstes und zu wissen, wann der richtige Endpunkt aufgerufen werden muss, kann verwirrend werden. Aber es gibt gute Neuigkeiten; PeerJS ist ein WebRTC-Framework, das die gesamte ICE- und Signalisierungslogik abstrahiert, sodass Sie sich auf die Funktionalität Ihrer Anwendung konzentrieren können. PeerJS besteht aus zwei Teilen: dem Client-seitigen Framework und dem Server.

In dieser Artikelreihe erstellen wir eine einfache Telefonanwendung mit PeerJS. Wir verwenden sowohl das Server- als auch das Client-seitige Framework, aber der Großteil unserer Arbeit wird mit der Verarbeitung des Client-seitigen Codes zu tun haben.

Voraussetzungen

Dies ist ein Tutorial auf mittlerem Niveau; bevor Sie es versuchen, sollten Sie bereits vertraut sein mit:

Bevor Sie beginnen, sollten Sie sicherstellen, dass Sie Node installiert haben und Yarn (die Anleitungen in den späteren Artikeln gehen von Yarn aus, aber Sie können gerne npm oder einen anderen Manager verwenden, wenn Sie es bevorzugen).

Hinweis: Wenn Sie besser lernen, indem Sie Schritt-für-Schritt-Code folgen, haben wir auch dieses Tutorial im Code bereitgestellt, das Sie stattdessen nutzen können.

Inhaltsverzeichnis

  1. Setup
  2. Den Server erstellen
  3. Die Peers verbinden
    1. Berechtigung für das Mikrofon des Browsers erhalten
    2. HTML anzeigen und verbergen
    3. Eine Peer-Verbindung erstellen
    4. Ein Gespräch initiieren
    5. Ein Gespräch annehmen
    6. Ein Gespräch beenden