Kontakt aufnehmen
 Dauer 14 Stunden

Schulungsübersicht

Bearbeitung von Medieneinrichtungen

Browserberechtigungen mit navigator.permissions

  • Zugriff auf Hardware:
    • Webcam
    • Mikrofon
  • Optionale Berechtigungen:
    • Standortbestimmung (Geolocation)
    • Benachrichtigungen
    • Zwischenablage (lesen/schreiben)
  • Auffragen und Status prüfen von Berechtigungen
  • Einschränkungen und Browserkompatibilität

Medieneinrichtungen lesen mit navigator.mediaDevices

  • Geräteaufzählung
  • Verarbeitung von Geräteänderungen

Cross-Browser-Kompatibilität

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

Verwaltung von Medieneinrichtungen

  • Initialisierung der Geräte: getUserMedia(constraints)
  • Mediengerät-Constraints
  • Starten und Stoppen von Medienströmen
  • Verarbeitung von Geräteänderungen

Aufnahmen mit MediaRecorder

  • Streamen und Aufzeichnen starten/beenden
  • Download der .webm-Datei
  • Echtzeit-Wellenform-Vorschau

Optionale Erweiterungen:

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

Peer-Verbindung

Signaling-Server

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

Videochat über WebRTC

  • Architektur: Node.js + ws
  • WebRTC-Client: RTCPeerConnection
  • Lokale E2E-Tests

Optionale Funktionen:

  • Anruf beenden (Verbindung schließen, Medien stoppen)
  • Gruppenanrufe (Multi-User-Räume)
  • Einfache Authentifizierung basierend auf Tokens

Screen-Sharing

  • Nutzung von getDisplayMedia()
  • Architektur und Optionen

Session Description Protocol (SDP)

  • Einführung und Inhalt
  • Lesen und Interpretieren von SDP
  • Codecs:
    • Audio & Video
    • Verhandlung und Kontrolle
    • Fallback-Strategien

WebRTC-Statistiken mit getStats()

  • Typen von Statistiken
  • Interpretation von Statistiken
  • Live-Charts für Bitrate/Jitter
  • Strategien zur Qualitätsanpassung

Alle Themen umfassen

  • Praktischer Anwendungsfall

Voraussetzungen

Dieser Kurs richtet sich an Frontend- und Fullstack-Entwickler, technische Architekten und Ingenieure, die browserbasierte Echtzeit-Kommunikationsfunktionen wie Videochat, Screen-Sharing oder Audio-Streaming entwickeln. Teilnehmer sollten fundierte Kenntnisse in JavaScript und Webtechnologien mitbringen; Erfahrung mit Node.js und WebSocket-basierter Kommunikation ist von Vorteil, aber nicht zwingend erforderlich.

Teilnehmerzahl


Preis je Teilnehmer (exkl. USt)

Erfahrungsberichte (3)

Kommende Kurse

Verwandte Kategorien