Zkuste nás kontaktovat
 Doba trvání 14 hodiny

Návrh Školení

Práce s médiálními zařízeními

Prohlížečová oprávnění s navigator.permissions

  • Přístup k hardwaru:
    • Webová kamera
    • Mikrofon
  • Volitelná oprávnění:
    • Geolokace
    • Oznámení
    • Schránka (čtení/zápis)
  • Dotazování na oprávnění a stav
  • omezения a kompatibilita prohlížeče

Čtení médiálních zařízení s navigator.mediaDevices

  • Enumerační zařízení
  • Zpracování změn zařízení

Kompatibilita mezi prohlížeči

  • Použití API:
    • navigator.permissions.query()
    • navigator.mediaDevices.enumerateDevices()
    • getUserMedia()
  • Strategie pro Safari fallback

Práce s médiálními zařízeními

  • Inicializace zařízení: getUserMedia(constraints)
  • Omezení médiových zařízení
  • Spouštění a zastavování médiových proudů
  • Zpracování změn zařízení

Nahrávání zařízení s MediaRecorder

  • Start/stop streamingu a nahrávání
  • Stáhnutí souboru .webm
  • Náhled vlny v reálném čase

Volitelné doplňky:

  • Uložení do formátu .wav pomocí ScriptProcessorNode
  • Vizualizace audio FFT spektra
  • Úroveň hlasitosti v decibelech
  • Rozpoznávání hlasu s webkitSpeechRecognition

Peer spojení

Signalizační servery

  • Možnosti dvousměrového kanálu:
    • WebSocket
    • Socket.io
    • SignalR
  • Struktura zpráv
  • Zjednodušený WebRTC klient
  • Plný signalizační průběh

Videohovor přes WebRTC

  • Architektura: Node.js + ws
  • WebRTC klient: RTCPeerConnection
  • Lokální E2E testování

Volitelné funkce:

  • Ukončení hovoru (uzavření spojení, zastavení médií)
  • Skupinový hovor (mnoho uživatelských místností)
  • Jednoduchá autentizace na základě tokenu

Sdílení obrazovky

  • Použití getDisplayMedia()
  • Architektura a možnosti

Protokol popisu relace (SDP)

  • Úvod a obsah
  • Čtení a interpretace SDP
  • Kodeky:
    • Zvuk & Video
    • Vyjednávání a kontrola
    • Strategie fallback

WebRTC statistika s getStats()

  • Typy statistik
  • Jak interpretovat statistiky
  • Živé grafy bitrates/jitteru
  • Strategie adaptace kvality

Všechna témata jsou

  • Praktické use-case

Požadavky

Tento kurz je ideální pro front-end a full-stack vývojáře, technické architekty a inženýry, kteří staví funkce reálného času v prohlížeči, jako jsou videohovor, sdílení obrazovky nebo audio streamování. Účastníci by měli mít funkční znalosti JavaScriptu a webových technologií, s volitelnými zkušenostmi v Node.js a komunikaci založené na WebSocket.

Počet účastníků


Cena za účastníka

Reference (3)

Nadcházející kurzy

Související kategorie