Schulungsübersicht
Mediageräteverwaltung
1. Browserberechtigungen mit navigator.permissions
- Zugriff auf Hardware:
- Webcam
- Mikrofon
- Optionale Berechtigungen:
- Geolocation
- Benachrichtigungen
- Zwischenablage (Lesen/Schreiben)
- Berechtigungsabfrage und -status
- Einschränkungen und Browserkompatibilität
2. Mediageräte lesen mit navigator.mediaDevices
- Geräteaufzählung
- Handhabung von Geräteänderungen
3. Cross-Browser-Kompatibilität
- API-Verwendung:
- navigator.permissions.query()
- navigator.mediaDevices.enumerateDevices()
- getUserMedia()
- Fallbackstrategie für Safari
4. Mediageräteverwaltung
- Geräteinitialisierung: getUserMedia(constraints)
- Mediengeräte-Beschränkungen
- Starten und Stoppen von Medienströmen
- Handhabung von Geräteänderungen
5. Aufzeichnen von Geräten mit MediaRecorder
- Start/Stop des Streaming und der Aufzeichnung
- .webm-Datei herunterladen
- Echtzeit-Wellenformvorschau
Optionale Erweiterungen:
- In .wav-Format speichern mit ScriptProcessorNode
- Audiospektrumvisualisierung mit FFT
- Lautstärkemesser in Dezibel
- Spracherkennung mit webkitSpeechRecognition
Peer-Verbindung
1. Signaling-Servers
- Bidirektionale Kanaloptionen:
- WebSocket
- Socket.io
- SignalR
- Nachrichtenstruktur
- Vereinfachte WebRTC-Client
- Vollständiger Signaleingangsweg
2. Videokonferenz über WebRTC
- Architektur: Node.js + ws
- WebRTC-Client: RTCPeerConnection
- Lokales E2E-Testen
Optionale Funktionen:
- Anruf beenden (Verbindung schließen, Medien stoppen)
- Gruppenanrufe (Mehrbenutzer-Räume)
- Einfache Authentifizierung mit Token
3. Bildschirmfreigabe
- Verwendung von getDisplayMedia()
- Architektur und Optionen
4. Session Description Protocol (SDP)
- Einführung und Inhalte
- Lesen und Interpretieren von SDP
- Codecs:
- Audio & Video
- Verhandlung und Steuerung
- Fallbackstrategien
5. WebRTC-Statistiken mit getStats()
- Arten von Statistiken
- Wie man Statistiken interpretiert
- Echtzeit-Diagramme für Bitrate/Jitter
- Strategien zur Qualitätsanpassung
6. Alle Themen sind
- Praktische Anwendungsfälle
Voraussetzungen
Dieses Kurs richtet sich an Frontend- und Fullstack-Entwickler, technische Architekten und Ingenieure, die browserbasierte Echtzeitkommunikationsmerkmale wie Videokonferenzen, Bildschirmfreigabe oder Audiostreaming implementieren. Die Teilnehmer sollten über praktische Kenntnisse in JavaScript und Webtechnologien verfügen, wobei Erfahrung mit Node.js und WebSocket-basierten Kommunikationen optional ist.
Erfahrungsberichte (3)
Ich habe viel Spaß beim Erlernen von KI-Angriffen und den verfügbaren Tools gehabt, um mit Sicherheitsprüfungen zu beginnen und diese aktiv einzusetzen. Ich habe viele neue Erkenntnisse gewonnen, die ich zuvor noch nicht hatte, und der Kurs hat meine Erwartungen erfüllt. Mein Lieblingsbereich aus dem Training war der Comet Browser, und ich war von seinen Möglichkeiten beeindruckt. Auf jeden Fall werde ich mich damit intensiver beschäftigen. Insgesamt war es ein großartiger Kurs, und ich habe das Lernen über die OWASP GenAI Top 10 sehr genossen.
Patrick Collins - Optum
Kurs - OWASP GenAI Security
Maschinelle Übersetzung
Praktisch, Übungen, persönliches Helfen und Fragenstellen.
Jose Paulos - INESC TEC
Kurs - Tailwind CSS
Maschinelle Übersetzung
Dass jede technische Lektion mit mehreren praktischen Übungen zur Vertiefung der Konzepte kam.
Andrei-Calin Bajea
Kurs - OWASP Top 10 2025
Maschinelle Übersetzung
