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

Antal deltagare


Pris per deltagare

Vittnesmål (5)

Kommande Kurser

Relaterade Kategorier