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.
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