Tack för att du skickade din fråga! En av våra teammedlemmar kontaktar dig snart.
Tack för att du skickade din bokning! En av våra teammedlemmar kontaktar dig snart.
Kursplan
Hantering av Mediadevice
1. Webbläsarbehörigheter med navigator.permissions
- Tillgång till hårdvara:
- Webcamera
- Mikrofon
- Valfria behörigheter:
- Geolocation
- Notiser
- Klippbord (läsa/skriva)
- Behörighetsfrågning och status
- Begränsningar och webbläsarkompatibilitet
2. Läsning av Mediadevice med navigator.mediaDevices
- Enheteruppräkning
- Hantering av enhetsändringar
3. Korswebbläsarkompatibilitet
- API-användning:
- navigator.permissions.query()
- navigator.mediaDevices.enumerateDevices()
- getUserMedia()
- Safari-fallstrategi
4. Hantering av Mediadevice
- Enhetsinitialisering: getUserMedia(constraints)
- Mediadevice-begränsningar
- Starta och stoppa mediastreams
- Hantering av enhetsändringar
5. Inspektion av Enheter med MediaRecorder
- Starta/stoppa strömning och inspelning
- Ladda ner .webm-fil
- Realtids vågrörelseförhandsvisning
Valfria tillägg:
- Spara i .wav-format med ScriptProcessorNode
- Ljud FFT-spektrumvisualisering
- Volymsbaren i decibel
- Röstigenkänning med webkitSpeechRecognition
Peer Connection
1. Signeringsservrar
- Bidirektionella kanalalternativ:
- WebSocket
- Socket.io
- SignalR
- Meddelandestruktur
- Förenklad WebRTC-klient
- Hela signeringsträdet
2. Videochatt via WebRTC
- Arkitektur: Node.js + ws
- WebRTC-klient: RTCPeerConnection
- Lokalt E2E-testning
Valfria Funktioner:
- Hänga upp samtal (stäng anslutning, stoppa media)
- Gruppchatt (flera användare i rum)
- Tokendrivet enkel autentisering
3. Skärmskanning
- Användning av getDisplayMedia()
- Arkitektur och alternativ
4. Session Description Protocol (SDP)
- Introduktion och innehåll
- Läsning och tolkning av SDP
- Codecs:
- Ljud & Video
- Förhandling och kontroll
- Fallstrategier
5. WebRTC-statistik med getStats()
- Typer av statistik
- Hur man tolkar statistik
- Live bitrates/jitter-diagram
- Kvalitetsanpassningsstrategier
6. Alla ämnen är
- Praktiska användningsfall
Krav
Denna kurs är idealisk för frontend- och fullstackutvecklare, tekniska arkitekter och ingenjörer som bygger webbläsarbaserade realtids kommunikationsfunktioner som videochatt, skärmskanning eller ljudströmning. Deltagarna bör ha fungerande kunskaper i JavaScript och webbtekniker, med valfri erfarenhet av Node.js och WebSocket-baserad kommunikation.
14 Timmar
Vittnesmål (1)
Att varje teknisk lektion kom med flera praktiska övningar för att fastna i koncepten.
Andrei-Calin Bajea
Kurs - OWASP Top 10 2025
Maskintolkat