Cursusaanbod

Dag 1 – Media-apparatenbeheer

1. Browsertoestemmingen met navigator.permissions

  • Accessing hardware:
    • Webcam
    • Microfoon
  • Optionele toestemmingen:
    • Geolocatie
    • Notificaties
    • Klemplank (lezen/schrijven)
  • Toestemmingsvraag en status
  • Beperkingen en browsercompatibiliteit
  • Praktijkvoorbeeld

2. Lezen van media-apparaten met navigator.mediaDevices

  • Apparatuopsomming
  • Verwerken van apparaatwisselingen
  • Praktijkvoorbeeld

3. Cross-browser Compatibiliteit

  • API-gebruik:
    • navigator.permissions.query()
    • navigator.mediaDevices.enumerateDevices()
    • getUserMedia()
  • Safari val-terug-strategie
  • Praktijkvoorbeeld

4. Media-apparatenbeheer

  • Apparatuur initialiseren: getUserMedia(constraints)
  • Media-apparatenbeperkingen
  • Media-streams starten en stoppen
  • Verwerken van apparaatwisselingen
  • Praktijkvoorbeeld

5. Opnemen van apparaten met MediaRecorder

  • Streamen en opnemen starten/stoppen
  • Download .webm-bestand
  • Real-time-golfformvoorafbeelding
  • Praktijkvoorbeeld

Optionele add-ons:

  • Opslaan in .wav-formaat met behulp van ScriptProcessorNode
  • Audiovisualisatie van het FFT-spectrum
  • Volumebalk in decibels
  • Spraakherkenning met webkitSpeechRecognition

Dag 2 – Peer-verbinding

1. Signaleringsservers

  • Opties voor tweerichtingskanalen:
    • WebSocket
    • Socket.io
    • SignalR
  • Berichtstructuur
  • Vereenvoudigde WebRTC client
  • Volledige signaleringsstroom
  • Praktijkvoorbeeld

2. Videochat via WebRTC

  • Architectuur: Node.js + ws
  • WebRTC client: RTCPeerConnection
  • Lokale E2E-testing
  • Praktijkvoorbeeld

Optionele functies:

  • Gespreksafbreking (verbinding sluiten, media stoppen)
  • Groepsbellen (meerdere gebruikerskamers)
  • Eenvoudige tokengebaseerde authenticatie

3. Schermdelen

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

4. Session Description Protocol (SDP)

  • Inleiding en inhoud
  • Lezen en interpreteren van SDP
  • Codecs:
    • Audio & Video
    • Onderhandeling en controle
    • Val-terug-strategieën
  • Praktijkvoorbeeld

5. WebRTC Statistics met getStats()

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

 

Vereisten

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

Aantal deelnemers


Prijs Per Deelnemer

Testimonials (5)

Voorlopige Aankomende Cursussen

Gerelateerde categorieën