Kontakt aufnehmen

Schulungsübersicht

Umgang mit Mediengeräten

1. Browserberechtigungen mit navigator.permissions

  • Zugriff auf Hardware:
    • Webcam
    • Mikrofon
  • Optionale Berechtigungen:
    • Geolocation
    • Benachrichtigungen
    • Zwischenablage (Lesen/Schreiben)
  • Abfrage und Status von Berechtigungen
  • Einschränkungen und browserübergreifende Kompatibilität

2. Lesen von Mediengeräten mit navigator.mediaDevices

  • Auflistung der Geräte
  • Umgang mit Geräteänderungen

3. Browserübergreifende Kompatibilität

  • API-Nutzung:
    • navigator.permissions.query()
    • navigator.mediaDevices.enumerateDevices()
    • getUserMedia()
  • Fallback-Strategie für Safari

4. Umgang mit Mediengeräten

  • Geräteinitialisierung: getUserMedia(constraints)
  • Einschränkungen für Mediengeräte
  • Starten und Stoppen von Medienstreams
  • Umgang mit Geräteänderungen

5. Aufzeichnen von Geräten mit MediaRecorder

  • Streaming und Aufnahme starten/stoppen
  • Download der .webm-Datei
  • Echtzeit-Wellenformvorschau

Optionale Erweiterungen:

  • Aufzeichnung im .wav-Format mittels ScriptProcessorNode
  • Visualisierung des Audio-FFT-Spektrums
  • Lautstärkedarstellung in Dezibel
  • Spracherkennung mit webkitSpeechRecognition

Peer-Verbindung

1. Signaling-Server

  • Optionen für bidirektionale Kanäle:
    • WebSocket
    • Socket.io
    • SignalR
  • Nachrichtenstruktur
  • Vereinfachter WebRTC-Client
  • Kompletter Signaling-Fluss

2. Video-Chat über WebRTC

  • Architektur: Node.js + ws
  • WebRTC-Client: RTCPeerConnection
  • Lokales E2E-Testing

Optionale Funktionen:

  • Anruf beenden (Verbindung schließen, Medien stoppen)
  • Gruppenanrufe (Mehrbenutzer-Räume)
  • Einfache Token-basierte Authentifizierung

3. Bildschirmfreigabe

  • Nutzung von getDisplayMedia()
  • Architektur und Optionen

4. Session Description Protocol (SDP)

  • Einführung und Inhalte
  • Lesen und Interpretieren von SDP
  • Codecs:
    • Audio & Video
    • Aushandlung und Steuerung
    • Fallback-Strategien

5. WebRTC-Statistiken mit getStats()

  • Arten von Statistiken
  • Interpretation der Statistiken
  • Live-Diagramme für Bitrate und Jitter
  • Strategien zur Qualitätsanpassung

6. Alle Themen sind

  • Praxisnaher Use-Case

Voraussetzungen

Dieser Kurs richtet sich idealerweise an Frontend- und Full-Stack-Entwickler, technische Architekten und Ingenieure, die browserbasierte Echtzeitkommunikationsfunktionen wie Video-Chat, Bildschirmfreigabe oder Audio-Streaming entwickeln. Die Teilnehmer sollten fundierte Kenntnisse in JavaScript und Webtechnologien mitbringen; optional sind Erfahrungen mit Node.js und WebSocket-basierter Kommunikation hilfreich.

 14 Stunden

Teilnehmerzahl


Preis je Teilnehmer (exkl. USt)

Erfahrungsberichte (3)

Kommende Kurse

Verwandte Kategorien