Neem contact met ons op
 Duur 14 uren

Cursusaanbod

Mediatechnieken afhandelen

Browsermachtigingen met navigator.permissions

  • Toegang tot hardware:
    • Webcam
    • Microfoon
  • Optionele machtigingen:
    • Geolocatie
    • Meldingen
    • Clipboard (lezen/schrijven)
  • Machtiging query en status
  • Beperkingen en browsercompatibiliteit

Lezen van Mediatechnieken met navigator.mediaDevices

  • Apparaten opsommen
  • Verwerken van veranderingen in apparaten

Cross-browser Compatibiliteit

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

Mediatechnieken afhandelen

  • Apparaat initialisatie: getUserMedia(constraints)
  • Mediatechniek-beperkingen
  • Starten en stoppen van mediastreams
  • Verwerken van veranderingen in apparaten

Apparaten opnemen met MediaRecorder

  • Streaming en opnemen starten/stoppen
  • .webm-bestand downloaden
  • Real-time golfvormvoorbeeld

Optionele extra's:

  • Opslaan in .wav-formaat met ScriptProcessorNode
  • Audio FFT spectrums visualisatie
  • Volume balk in decibels
  • Stetherkenning met webkitSpeechRecognition

Peer Verbinding

Signaling servers

  • Tweewegkanaalopties:
    • WebSocket
    • Socket.io
    • SignalR
  • Boodstructuur
  • Vereenvoudigde WebRTC-client
  • Volledige signaleringsstroom

Videogesprek via WebRTC

  • Archie: Node.js + ws
  • WebRTC-client: RTCPeerConnection
  • Lokale E2E-testen

Optionele functies:

  • Aanroep ophangen (verbinding sluiten, media stoppen)
  • Gesprek in groepen (meerdere gebruikers kamers)
  • Eenvoudige token-gebaseerde authenticatie

Scherm delen

  • Gebruik van getDisplayMedia()
  • Archie en opties

Sessie Beschrijving Protocol (SDP)

  • Inleiding en inhoud
  • Lezen en interpreteren van SDP
  • Codecs:
    • Audio & Video
    • Negotiatie en controle
    • Terugvalstrategieën

WebRTC-statistieken met getStats()

  • Soorten statistieken
  • Hoe statistieken te interpreteren
  • Live bitrate/jitter grafieken
  • Kwaliteitsaanpassingsstrategieën

Alle onderwerpen zijn

  • Hands-on use-case

Vereisten

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

Aantal deelnemers


Prijs per deelnemer

Getuigenissen (3)

Voorlopige Aankomende Cursussen

Gerelateerde categorieën