Dziękujemy za wysłanie zapytania! Jeden z członków naszego zespołu skontaktuje się z Państwem wkrótce.
Dziękujemy za wysłanie rezerwacji! Jeden z członków naszego zespołu skontaktuje się z Państwem wkrótce.
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
Opinie uczestników (1)
Każda lekcja techniczna była opatrzona wieloma praktycznymi ćwiczeniami, aby utrwalić omawiane koncepcje.
Andrei-Calin Bajea
Szkolenie - OWASP Top 10 2025
Przetłumaczone przez sztuczną inteligencję