Schulungsübersicht

Tag 1 – Umgang mit Mediengeräten

1. Browser-Berechtigungen mit navigator.permissions

  • Accessing Hardware:
    • Webcam
    • Mikrofon
  • Optionale Berechtigungen:
    • Geolocation
    • Benachrichtigungen
    • Zwischenablage (Lesen/Schreiben)
  • Berechtigungsauswertung und -status
  • Einschränkungen und Browserkompatibilität
  • Händische Anwendungsfälle

2. Lesen von Mediengeräten mit navigator.mediaDevices

  • Gerätenumerierung
  • Umgang mit Geräteänderungen
  • Händische Anwendungsfälle

3. Kreuzbrowserkompatibilität

  • API-Nutzung:
    • navigator.permissions.query()
    • navigator.mediaDevices.enumerateDevices()
    • getUserMedia()
  • Safari-Fallbackstrategie
  • Händische Anwendungsfälle

4. Umgang mit Mediengeräten

  • Gerätinitialisierung: getUserMedia(constraints)
  • Mediengerätebeschränkungen
  • Starten und Beenden von Mediendateistreams
  • Umgang mit Geräteänderungen
  • Händische Anwendungsfälle

5. Aufzeichnung von Geräten mit MediaRecorder

  • Starten/Beenden des Streaming und der Aufnahme
  • Herunterladen der .webm-Datei
  • Echtzeit-Waveform-Vorschau
  • Händische Anwendungsfälle

Optionale Erweiterungen:

  • Speichern im .wav-Format mit ScriptProcessorNode
  • Audiospektrumanalyse (FFT)
  • Lautstärkemeter in Dezibel
  • Stimmenkennung mit webkitSpeechRecognition

Tag 2 – Peer-Connection

1. Signaling-Servers

  • Bidirektionale Kanalloptionen:
    • WebSocket
    • Socket.io
    • SignalR
  • Nachrichtenstruktur
  • Einfacher WebRTC Client
  • Vollständiger Signaling-Fluss
  • Händische Anwendungsfälle

2. Videochat über WebRTC

  • Aufbau: Node.js + ws
  • WebRTC-Client: RTCPeerConnection
  • Lokale E2E-Tests
  • Händische Anwendungsfälle

Optionale Funktionen:

  • Anruf beenden (Verbindung schließen, Mediendatei stoppen)
  • Gruppenanrufe (Mehrbenutzerzimmer)
  • Token-basierte einfache Authentifizierung

3. Bildschirmfreigabe

  • Nutzung von getDisplayMedia()
  • Aufbau und Optionen
  • Händische Anwendungsfälle

4. Sitzungsbeschreibungsprotokoll (SDP)

  • Einführung und Inhalte
  • Lesen und Interpretieren von SDP
  • Kodecs:
    • Audio & Video
    • Negotiation und Kontrolle
    • Fallbackstrategien
  • Händische Anwendungsfälle

5. WebRTC Statistics mit getStats()

  • Arten von Statistiken
  • Interpretation der Statistiken
  • Echtzeit-Bitrate/Jitter-Diagramme
  • Anpassungsstrategien zur Qualitätssicherung
  • Händische Anwendungsfälle

 

Voraussetzungen

Dieser Kurs ist ideal für Frontend- und Fullstack-Entwickler, technische Architekten und Ingenieure, die browserbasierte Echtzeit-Kommunikationsfunktionen wie Videochat, Bildschirmfreigabe oder Audiostreaming erstellen. Teilnehmer sollten ein Grundverständnis von JavaScript und Webtechnologien haben, mit optionaler Erfahrung in Node.js und WebSocket-basierter Kommunikation.
 14 Stunden

Teilnehmerzahl


Price per participant (excl. VAT)

Erfahrungsberichte (5)

Kommende Kurse

Verwandte Kategorien