Cursusaanbod

Dag 1 – Het Hanteren van Mediaapparaten

1. Toestemming van Browsers met navigator.permissions

  • Toegang tot hardware:
    • Webcam
    • Microfoon
  • Optionele toestemmingen:
    • Geolocatie
    • Meldingen
    • Klembord (lezen/schrijven)
  • Toestemming vragen en status
  • Beperkingen en browser compatibiliteit
  • Praktijkvoorbeeld

2. Het Lezen van Mediaapparaten met navigator.mediaDevices

  • Enumeratie van apparaten
  • Het Afhandelen van Wijzigingen in Apparaten
  • Praktijkvoorbeeld

3. Cross-browser Compatibiliteit

  • API-gebruik:
    • navigator.permissions.query()
    • navigator.mediaDevices.enumerateDevices()
    • getUserMedia()
  • Vervalstrategie voor Safari
  • Praktijkvoorbeeld

4. Het Hanteren van Mediaapparaten

  • Apparaten initialiseren: getUserMedia(constraints)
  • Beperkingen voor mediaapparaten
  • Media-streams starten en stoppen
  • Het Afhandelen van Wijzigingen in Apparaten
  • Praktijkvoorbeeld

5. Het Opnemen van Apparaten met MediaRecorder

  • Streaming en opnemen starten/stoppen
  • .webm-bestand downloaden
  • Realtime-golfvormvoorshow
  • Praktijkvoorbeeld

Optionele Add-ons:

  • Opslaan in .wav-formaat met ScriptProcessorNode
  • Audio FFT-spectrumvisualisatie
  • Volumebalk in decibels
  • Spraakherkenning met webkitSpeechRecognition

Dag 2 – Peer-verbinding

1. Signaling Servers

  • Opties voor bidirectionele kanalen:
    • WebSocket
    • Socket.io
    • SignalR
  • Berichtstructuur
  • Vereenvoudigde WebRTC-client
  • Volledige signaleringstroom
  • Praktijkvoorbeeld

2. Video Chat via WebRTC

  • Architectuur: Node.js + ws
  • WebRTC-client: RTCPeerConnection
  • Lokaal E2E-testen
  • Praktijkvoorbeeld

Optionele functies:

  • Ophangen van een oproep (verbinding sluiten, media stoppen)
  • Groepsbellen (meerdere gebruikerskamers)
  • Tokengebaseerde eenvoudige authenticatie

3. Schermdelen

  • Gebruik van getDisplayMedia()
  • Architectuur en opties
  • Praktijkvoorbeeld

4. Session Description Protocol (SDP)

  • Inleiding en inhoud
  • SDP lezen en interpreteren
  • Codecs:
    • Audio & Video
    • Onderhandeling en controle
    • Vervalstrategieën
  • Praktijkvoorbeeld

5. WebRTC-Statistieken met getStats()

  • Types van statistieken
  • Hoe statistieken interpreteren
  • Live bitrate/jitter-grafieken
  • Strategieën voor kwaliteitsaanpassing
  • Praktijkvoorbeeld

 

Vereisten

Deze cursus is ideaal voor front-end- en full-stack-ontwikkelaars, technische architecten en ingenieurs die browsergebaseerde real-time communicatiefuncties zoals videochat, schermdelen of audiostreaming bouwen. Deelnemers moeten een werkende kennis van JavaScript en webtechnologieën hebben, met optionele ervaring in Node.js en WebSocket-gebaseerde communicatie.
 14 Uren

Aantal deelnemers


Prijs Per Deelnemer

Getuigenissen (5)

Voorlopige Aankomende Cursussen

Gerelateerde categorieën