Schița de curs
Gestionarea Dispozitivelor Media
1. Permisiuni Browser cu navigator.permissions
- Accesarea hardware:
- Webcam
- Microfon
- Permisiuni opționale:
- Geolocalizare
- 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
- Pornirea/oprirea stream-urilor și înregistrării
- Descărcarea fișierului .webm
- Previzualizare în timp real a undelor
Adăugiri Opț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 canale bidirecționale:
- 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ții Opționale:
- Închiderea apelului (închidere conexiune, oprire media)
- Apeluri de grup (camere multi-utilizator)
- 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ă interpretezi 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ții 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.
Mărturii (3)
Mi-a plăcut foarte mult să învăț despre atacurile de IA și despre instrumentele disponibile pentru a începe să exersez și să le folosesc în mod activ pentru testarea securității. Am acumulat o mulțime de cunoștințe pe care nu le aveam la început, iar cursul a îndeplinit ceea ce speram. Partea mea preferată din training a fost Comet Browser și am fost uimit de ceea ce poate face. Cu siguranță este ceva ce voi explora mai mult. În general, a fost un curs excelent și m-am bucurat să învăț totul despre OWASP GenAI Top 10.
Patrick Collins - Optum
Curs - OWASP GenAI Security
Tradus de catre o masina
Exerciții practice, asistență și întrebări în persoană.
Jose Paulos - INESC TEC
Curs - Tailwind CSS
Tradus de catre o masina
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
