Bądźmy w kontakcie
 Czas trwania 14 godzin

Plan Szkolenia

Obsługa urządzeń multimedialnych

Uprawnienia przeglądarki za pomocą navigator.permissions

  • Dostęp do sprzętu:
    • Kamera
    • Mikrofon
  • Opcjonalne uprawnienia:
    • Geolokalizacja
    • Powiadomienia
    • Schowek (odczyt/zapis)
  • Zapytania o uprawnienia i status
  • Ograniczenia i kompatybilność z przeglądarkami

Odczyt urządzeń multimedialnych za pomocą navigator.mediaDevices

  • Wyliczanie urządzeń
  • Obsługa zmian urządzeń

Spójność między przeglądarkami

  • Użycie API:
    • navigator.permissions.query()
    • navigator.mediaDevices.enumerateDevices()
    • getUserMedia()
  • Strategia awaryjna dla Safari

Obsługa urządzeń multimedialnych

  • Inicjalizacja urządzenia: getUserMedia(constraints)
  • Ograniczenia urządzeń multimedialnych
  • Rozpoczynanie i zatrzymywanie strumieni mediów
  • Obsługa zmian urządzeń

Nagrywanie urządzeń za pomocą MediaRecorder

  • Rozpoczynanie/zatrzymywanie strumieniowania i nagrywania
  • Pobieranie pliku .webm
  • Podgląd fali dźwiękowej w czasie rzeczywistym

Opcjonalne dodatki:

  • Zapis w formacie .wav przy użyciu ScriptProcessorNode
  • Wizualizacja widma FFT audio
  • Pasek głośności w decybelach
  • Rozpoznawanie mowy za pomocą webkitSpeechRecognition

Łączenie peer-to-peer

Serwery sygnalizacji

  • Opcje kanału dwukierunkowego:
    • WebSocket
    • Socket.io
    • SignalR
  • Struktura wiadomości
  • Uproszczony klient WebRTC
  • Pełny przepływ sygnalizacji

Czat wideo przez WebRTC

  • Architektura: Node.js + ws
  • Klient WebRTC: RTCPeerConnection
  • Lokalne testy E2E

Opcjonalne funkcje:

  • Zakończenie połączenia (zamknięcie połączenia, zatrzymanie mediów)
  • Połączenia grupowe (wiele użytkowników w pokoju)
  • Prosta uwierzytelnianie oparte na tokenach

Udostępnianie ekranu

  • Wykorzystanie getDisplayMedia()
  • Architektura i opcje

Protokół opisu sesji (SDP)

  • Wprowadzenie i zawartość
  • Odczyt i interpretacja SDP
  • Kodeki:
    • Audio i wideo
    • Negocjacja i kontrola
    • Strategie awaryjne

Statystyki WebRTC za pomocą getStats()

  • Typy statystyk
  • Jak interpretować statystyki
  • Wykresy przepływności/zahamowania (jitter) na żywo
  • Strategie adaptacji jakości

Wszystkie omawiane tematy

  • Praktyczne zastosowania

Wymagania

Ten kurs jest idealny dla deweloperów front-endowych i full-stack, architektów technologicznych oraz inżynierów tworzących funkcje komunikacji w czasie rzeczywistym oparte na przeglądarce, takie jak czat wideo, udostępnianie ekranu lub strumieniowanie audio. Uczestnicy powinni posiadać podstawową znajomość JavaScript i technologii webowych; doświadczenie w Node.js i komunikacji opartej na WebSocket jest mile widziane, choć opcjonalne.

Liczba uczestników


Cena za uczestnika (netto)

Opinie uczestników (3)

Propozycje terminów

Powiązane Kategorie