Cursusaanbod

Media Beheer

1. Browser Rechten met navigator.permissions

  • Toegang tot hardware:
    • Webcam
    • Microfoon
  • Optionele rechten:
    • Geolocatie
    • Meldingen
    • Klipperruimte (lezen/schrijven)
  • Rechten opvragen en status controleren
  • Limieten en browsercompatibiliteit

2. Media Beheer met navigator.mediaDevices

  • Device opsomming
  • Beheren van device veranderingen

3. Cross-Browser Compatibiliteit

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

4. Media Beheer

  • Device initialisatie: getUserMedia(constraints)
  • Mediabeperkingen
  • Aanzetten en uitzetten van mediastreams
  • Beheren van device veranderingen

5. Recording met MediaRecorder

  • Aan- en uitzetten van streaming en recording
  • Download .webm bestand
  • Real-time waveformvoorspelling

Optionele Add-ons:

  • Opslaan in .wav-formaat met behulp van ScriptProcessorNode
  • Audio FFT-spectrumvisualisatie
  • Volumebalk in decibel
  • Stemherkenning met webkitSpeechRecognition

Peer Connection

1. Signalementsservers

  • Bidirectionele kanaalopties:
    • WebSocket
    • Socket.io
    • SignalR
  • Berichtstructuur
  • Vereenvoudigde WebRTC-client
  • Volledige signalementsflow

2. Videochat via WebRTC

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

Optionele Functionaliteiten:

  • Oproep afbreken (verbinding sluiten, media stoppen)
  • Groepsoproepen (multi-gebruikerskamers)
  • Eenvoudige tokenauthenticatie

3. Scherm Delen

  • Gebruik van getDisplayMedia()
  • Architectuur en opties

4. Session Description Protocol (SDP)

  • Inleiding en inhoud
  • Leren lezen en interpreteren van SDP
  • Codecs:
    • Audio & Video
    • Onderhandeling en controle
    • Fallback-strategieën

5. WebRTC-statistieken met getStats()

  • Soorten statistieken
  • Hoe je statistieken interpreteert
  • Live bitrate/jitter diagrammen
  • Kwaliteitsaanpassingsstrategieën

6. Alle onderwerpen zijn

  • Hands-on use-case

Vereisten

Dit cursus is ideaal voor frontend- en full-stackontwikkelaars, technische architecten en ingenieurs die browsergebaseerde real-time communicatiefunctionaliteit zoals videochat, scherm delen of audiostreaming ontwikkelen. De deelnemers moeten praktijkervaring hebben met JavaScript en webtechnologieën, met optioneel ervaring in Node.js en WebSocket-gebaseerde communicatie.

 14 Uren

Aantal deelnemers


Prijs Per Deelnemer

Getuigenissen (5)

Voorlopige Aankomende Cursussen

Gerelateerde categorieën