Kursplan

Dag 1 – Hantering av medieenheter

1. Webbbläddrare tillåtelser med navigator.permissions

  • Accessing av hårdvara:
    • Webkamera
    • Mikrofon
  • Valfria tillåtelser:
    • Geografisk plats
    • Meddelanden
    • Urklipp (läsa/skriva)
  • Tillåtelsefrågor och status
  • Begränsningar och kompatibilitet med webbläsare
  • Hands-on användningsfall

2. Läsning av medieenheter med navigator.mediaDevices

  • Enheter uppföring
  • Hantera ändringar i enheter
  • Hands-on användningsfall

3. Tvärbläddrare kompatibilitet

  • API-användning:
    • navigator.permissions.query()
    • navigator.mediaDevices.enumerateDevices()
    • getUserMedia()
  • Safari-reserveringsstrategi
  • Hands-on användningsfall

4. Hantering av medieenheter

  • Enhetsinitiering: getUserMedia(constraints)
  • Medieenhetsbegränsningar
  • Start och stopp av mediaflöden
  • Hantera ändringar i enheter
  • Hands-on användningsfall

5. Inspelning av enheter med MediaRecorder

  • Start och stopp av strömning och inspelning
  • Ladda ner .webm-fil
  • Real-tidsvågformspreview
  • Hands-on användningsfall

Valfria tillägg:

  • Spara i .wav-format med ScriptProcessorNode
  • Audio FFT-spektrumvisualisering
  • Volymmätare i decibel
  • Större röster med webkitSpeechRecognition

Dag 2 – Peerkoppling

1. Signaleringsservrar

  • Alternativ för tvåvägs kanaler:
    • WebSocket
    • Socket.io
    • SignalR
  • Meddelandestruktur
  • Förenklad WebRTC klient
  • Fullständig signaleringsflöde
  • Hands-on användningsfall

2. Videochat via WebRTC

  • Arkitektur: Node.js + ws
  • WebRTC klient: RTCPeerConnection
  • Lokalt E2E-testning
  • Hands-on användningsfall

Valfria funktioner:

  • Samla samtal (stänga anslutning, stoppa media)
  • Gruppsamtal (multianvändarrum)
  • Tokenbaserad enkel autentisering

3. Skärmdelning

  • Användning av getDisplayMedia()
  • Arkitektur och alternativ
  • Hands-on användningsfall

4. Session Description Protocol (SDP)

  • Introduktion och innehåll
  • Läsning och tolkning av SDP
  • Kodeker:
    • Ljud & Video
    • Förhandling och kontroll
    • Reserveringsstrategier
  • Hands-on användningsfall

5. WebRTC Statistics med getStats()

  • Typer av statistik
  • Hur man tolkar statistik
  • Live bitrate/jitter-diagram
  • Strategier för kvalitetshantering
  • Hands-on användningsfall

 

Krav

Denna kurs är idealisk för frontend- och fullstack-utvecklare, tekniska arkitekter och ingenjörer som bygger webbaserade realtidskommunikationsfunktioner som videochatt, skärmdelning eller ljudströmning. Deltagarna bör ha kunskap i JavaScript och webbteknologier, med valfri erfarenhet av Node.js och WebSocket-baserad kommunikation.
 14 timmar

Antal deltagare


Price per participant

Vittnesmål (5)

Upcoming Courses

Relaterade Kategorier