Plan Szkolenia

Obsługa Urządzeń Multimedialnych

1. Uprawnienia Przeglądarki z navigator.permissions

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

2. Odczyt Urządzeń Multimedialnych z navigator.mediaDevices

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

3. Kompatybilność Między Przeglądarkami

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

4. Obsługa Urządzeń Multimedialnych

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

5. Nagrywanie Urządzeń z MediaRecorder

  • Uruchom/zatrzymaj strumieniowanie i nagrywanie
  • Pobierz plik .webm
  • Podgląd fali w czasie rzeczywistym

Opcjonalne Dodatki:

  • Zapisz w formacie .wav przy użyciu ScriptProcessorNode
  • Wizualizacja widma FFT dźwięku
  • Pasek głośności w decybelach
  • Rozpoznawanie mowy z webkitSpeechRecognition

Połączenie Peer-to-Peer

1. Serwery Sygnalizacyjne

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

2. Czat Wideo przez WebRTC

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

Opcjonalne Funkcje:

  • Zakończenie połączenia (zamknięcie połączenia, zatrzymanie mediów)
  • Rozmowy grupowe (pokoje wieloużytkownikowe)
  • Proste uwierzytelnienie oparte na tokenach

3. Udostępnianie Ekranu

  • Użycie getDisplayMedia()
  • Architektura i opcje

4. Protokół Opisu Sesji (SDP)

  • Wprowadzenie i zawartość
  • Odczyt i interpretacja SDP
  • Kodeki:
    • Dźwięk i wideo
    • Negocjacja i kontrola
    • Strategie awaryjne

5. Statystyki WebRTC z getStats()

  • Rodzaje statystyk
  • Jak interpretować statystyki
  • Wykresy bitrate/jitter na żywo
  • Strategie adaptacji jakości

6. Wszystkie tematy są

  • Praktyczne przypadki użycia

Wymagania

Ten kurs jest idealny dla frontendowych i full-stack developerów, architektów technicznych i inżynierów budujących funkcje komunikacji w czasie rzeczywistym oparte na przeglądarce, takie jak czat wideo, udostępnianie ekranu czy strumieniowanie dźwięku. Uczestnicy powinni posiadać podstawową wiedzę na temat JavaScript i technologii internetowych, z opcjonalnym doświadczeniem w Node.js i komunikacji opartej na WebSocket.

 14 godzin

Liczba uczestników


Cena za uczestnika

Opinie uczestników (5)

Propozycje terminów

Powiązane Kategorie