Schulungsübersicht
Handhabung von Mediengeräten
1. Browser-Berechtigungen 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. Mediengeräte auslesen mit navigator.mediaDevices
- Auflistung der Geräte
- Umgang mit Geräteeänderungen
3. Browserübergreifende Kompatibilität
- API-Nutzung:
- navigator.permissions.query()
- navigator.mediaDevices.enumerateDevices()
- getUserMedia()
- Fallback-Strategie für Safari
4. Handhabung von Mediengeräten
- Geräteinitialisierung: getUserMedia(constraints)
- Einschränkungen für Mediengeräte
- Starten und Stoppen von Medienströmen
- Umgang mit Geräteeänderungen
5. Aufnahme von Geräten mit MediaRecorder
- Streaming und Aufnahme starten/beenden
- Download einer .webm-Datei
- Echtzeit-Wellenformvorschau
Optionale Zusatzmodule:
- Aufzeichnung im .wav-Format mittels ScriptProcessorNode
- Visualisierung des Audio-FFT-Spektrums
- Laufwerkstarkeranzeige in Dezibel
- Spracherkennung mit webkitSpeechRecognition
Peer Connection
1. Signaling-Server
- Möglichkeiten für bidirektionale Kanäle:
- WebSocket
- Socket.io
- SignalR
- Nachrichtenstruktur
- Vereinfachter WebRTC-Client
- Kompletter Signaling-Flow
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 Authentifizierung mittels Token
3. Screen Sharing
- 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
- Diagramme für Live-Bitrate und Jitter
- Strategien zur Qualitätsanpassung
6. Alle Themen sind
- Praxisnahe Anwendungsfälle
Voraussetzungen
Dieser Kurs richtet sich an Frontend- und Full-Stack-Entwicklerinnen sowie technische Architektinnen und Ingenieurinnen, die browserbasierte Echtzeit-Kommunikationsfunktionen wie Video-Chat, Screen Sharing oder Audio-Streaming entwickeln. Grundlegende Kenntnisse in JavaScript und Webtechnologien werden vorausgesetzt; optional sind Erfahrungen mit Node.js und WebSocket-basierter Kommunikation von Vorteil.
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
