Návrh Školení

Den 1 – Správa multimediálních zařízení

1. Povolení prohlížeče pomocí navigator.permissions

  • Správa hardwaru:
    • Webová kamera
    • Mikrofon
  • Dodatečná povolení:
    • Geolokace
    • Oznámení
    • Schránka (čtení/zápis)
  • Zjišťování a stav povolení
  • Omezení a kompatibilita prohlížeče
  • Praktický příklad použití

2. Čtení multimediálních zařízení pomocí navigator.mediaDevices

  • Výčet zařízení
  • Správa změn zařízení
  • Praktický příklad použití

3. Kompatibilita mezi prohlížeči

  • Použití API:
    • navigator.permissions.query()
    • navigator.mediaDevices.enumerateDevices()
    • getUserMedia()
  • Taktika náhradního řešení pro Safari
  • Praktický příklad použití

4. Správa multimediálních zařízení

  • Inicializace zařízení: getUserMedia(constraints)
  • Omezení multimediálních zařízení
  • Začínání a zastavování mediálních proudů
  • Správa změn zařízení
  • Praktický příklad použití

5. Nahrávání zařízení pomocí MediaRecorder

  • Začínání/zastavování streamu a nahrávání
  • Stahování souboru .webm
  • Přednástrčka v reálném čase
  • Praktický příklad použití

Dodatečné doplňky:

  • Uložení do formátu .wav pomocí ScriptProcessorNode
  • Vizualizace spektra FFT zvuku
  • Hlasitost v decibelích
  • Rozpoznávání hlasu s webkitSpeechRecognition

Den 2 – Peer Connection

1. Signální servery

  • Možnosti dvoustranného kanálu:
    • WebSocket
    • Socket.io
    • SignalR
  • Struktura zpráv
  • Zjednodušený klient WebRTC
  • Celkový signální průběh
  • Praktický příklad použití

2. Video chat prostřednictvím WebRTC

  • Akceptance: Node.js + ws
  • Klient WebRTC: RTCPeerConnection
  • Lokální testování E2E
  • Praktický příklad použití

Dodatečné funkce:

  • Zavěšení hovoru (zavření spojení, zastavení média)
  • Skupinové volání (místnosti pro více uživatelů)
  • Jednoduchá autentizace na základě tokenu

3. Sdílení obrazovky

  • Použití getDisplayMedia()
  • Akceptance a možnosti
  • Praktický příklad použití

4. Protokol popisu relace (SDP)

  • Vstup a obsahy
  • Ctení a interpretování SDP
  • Kódy:
    • Zvuk & Video
    • Negotiation and control
    • Taktiky náhradního řešení
  • Praktický příklad použití

5. WebRTC Statistics s getStats()

  • Typy statistik
  • Jak interpretovat statistiky
  • Živé grafy bitrate/jitteru
  • Taktiky dynamické adaptace kvality
  • Praktický příklad použití

 

Požadavky

Tento kurz je ideální pro frontendové a full-stack vývojáře, technické architekty a inženýry, kteří vyvíjejí browserové reálně časové komunikační funkce jako videohovory, sdílení obrazovky nebo streamování zvuku. Účastníci by měli disponovat praktickými znalostmi JavaScript a webové technologie, s volitelnou zkušeností v Node.js a komunikaci na bázi WebSocketu.
 14 hodiny

Počet účastníků


Price per participant

Reference (5)

Upcoming Courses

Související kategorie