Mulțumim pentru trimiterea solicitării! Un membru al echipei noastre vă va contacta în curând.
Mulțumim pentru trimiterea rezervării! Un membru al echipei noastre vă va contacta în curând.
Schița de curs
Gestionarea Dispozitivelor Media
1. Permisiuni Browser cu navigator.permissions
- Accesarea hardware:
- Cameră web
- Microfon
- Permisiuni opționale:
- Localizare geografică
- Notificări
- Clipboard (citire/scriere)
- Interogarea și starea permisiunilor
- Limitări și compatibilitate între browsere
2. Citirea Dispozitivelor Media cu navigator.mediaDevices
- Enumerarea dispozitivelor
- Gestionarea schimbărilor de dispozitive
3. Compatibilitate între Browsere
- Utilizarea API-urilor:
- navigator.permissions.query()
- navigator.mediaDevices.enumerateDevices()
- getUserMedia()
- Strategie de rezervă pentru Safari
4. Gestionarea Dispozitivelor Media
- Inițializarea dispozitivelor: getUserMedia(constraints)
- Constrângeri ale dispozitivelor media
- Pornirea și oprirea fluxurilor media
- Gestionarea schimbărilor de dispozitive
5. Înregistrarea Dispozitivelor cu MediaRecorder
- Pornire/oprire streaming și înregistrare
- Descărcare fișier .webm
- Previzualizare undă în timp real
Opțiuni Adiționale:
- Salvare în format .wav folosind ScriptProcessorNode
- Vizualizare spectru FFT audio
- Bară de volum în decibeli
- Recunoaștere vocală cu webkitSpeechRecognition
Conexiune Peer
1. Servere de Semnalizare
- Opțiuni de canal bidirecțional:
- WebSocket
- Socket.io
- SignalR
- Structura mesajelor
- Client WebRTC simplificat
- Flux complet de semnalizare
2. Chat Video prin WebRTC
- Arhitectură: Node.js + ws
- Client WebRTC: RTCPeerConnection
- Testare locală E2E
Funcționalități Opționale:
- Închidere apel (închidere conexiune, oprire media)
- Apel de grup (camere multi-user)
- Autentificare simplă bazată pe token
3. Partajare de Ecran
- Utilizarea getDisplayMedia()
- Arhitectură și opțiuni
4. Protocolul de Descriere a Sesiunii (SDP)
- Introducere și conținut
- Citirea și interpretarea SDP
- Codecuri:
- Audio & Video
- Negociere și control
- Strategii de rezervă
5. Statistici WebRTC cu getStats()
- Tipuri de statistici
- Cum să interpretați statisticile
- Grafice live de bitrate/jitter
- Strategii de adaptare a calității
6. Toate subiectele sunt
- Cazuri practice
Cerințe
Acest curs este ideal pentru dezvoltatorii frontend și full-stack, arhitecți tehnici și ingineri care construiesc funcționalități de comunicare în timp real bazate pe browser, cum ar fi chat video, partajare de ecran sau streaming audio. Participanții ar trebui să aibă cunoștințe de bază despre JavaScript și tehnologii web, cu experiență opțională în Node.js și comunicare bazată pe WebSocket.
14 Ore
Mărturii (1)
Faptul că fiecare lecție tehnică a venit cu multiple exerciții practice pentru a consolida conceptele.
Andrei-Calin Bajea
Curs - OWASP Top 10 2025
Tradus de catre o masina