Einrichtung

Fangen wir also damit an, die Grundlage für unsere WebRTC-gestützte Telefon-App einzurichten.

Finden Sie zunächst einen geeigneten Platz in Ihrer lokalen Dateistruktur und führen Sie mkdir audio_app aus und dann cd audio_app, um ein Verzeichnis für Ihre App zu erstellen und es zu betreten.
Erstellen Sie als Nächstes eine neue App, indem Sie yarn init ausführen. Folgen Sie den Eingabeaufforderungen und geben Sie einen Namen, eine Version, eine Beschreibung usw. für Ihr Projekt an.
Installieren Sie anschließend die erforderlichen Abhängigkeiten mit den folgenden Befehlen:
- Express: yarn add express
- PeerJS: yarn add peerjs
- Peer: yarn add peer
Peer wird für den Peerserver verwendet und PeerJS wird verwendet, um auf die PeerJS-API und das Framework zuzugreifen. Ihre package.json sollte in etwa so aussehen, wenn Sie die Abhängigkeiten fertig installiert haben:
json
```
{
  "name": "audio_app",
  "version": "1.0.0",
  "description": "An audio app using WebRTC",
  "scripts": {
    "start": "node server.js",
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],
  "author": "Lola Odelola",
  "license": "MIT",
  "dependencies": {
    "express": "^4.17.1",
    "peer": "^0.5.3",
    "peerjs": "^1.3.1"
  }
}
```
Um die Einrichtung abzuschließen, sollten Sie die folgenden HTML- und CSS-Dateien in das Stammverzeichnis Ihres Projektordners kopieren. Sie können beide Dateien 'index' nennen, sodass die HTML-Datei 'index.html' und die CSS-Datei 'index.css' heißen. Sie werden diese in den folgenden Artikeln kaum ändern müssen.