Kurzusleírás
Médiaeszközkezelés
1. Böngésző engedélyek a navigator.permissions segítségével
- Hardver elérése:
- Videókamera
- Mikrofon
- Opcionális engedélyek:
- Helymeghatározás
- Értesítések
- Vágólap (olvasás/írás)
- Engedély lekérdezése és állapot
- Korlátozások és böngésző-kompatibilitás
2. Médiaeszközök olvasása a navigator.mediaDevices segítségével
- Eszköz felvilágosítás
- Eszközváltozások kezelése
3. Többböngésző-kompatibilitás
- API használat:
- navigator.permissions.query()
- navigator.mediaDevices.enumerateDevices()
- getUserMedia()
- Safari visszamenőleges kompatibilitás stratégiája
4. Médiaeszközkezelés
- Eszköz inicializálása: getUserMedia(constraints)
- Médiaeszközeszköz korlátozások
- Médiafolyam kezdése és leállítása
- Eszközváltozások kezelése
5. Médiaeszközök felvétele a MediaRecorder segítségével
- Folyam és felvétel indítása/leállítása
- .webm fájl letöltése
- Valós időben hullámform előnézet
Opcionális kiegészítők:
- .wav formátum mentése a ScriptProcessorNode segítségével
- Audió FFT spektrum vizualizáció
- Hangerő oszlop decibelben
- Hangfelismerés webkitSpeechRecognition használatával
Társkapcsolat
1. Jelzőszerverek
- Kétirányú csatorna opciók:
- WebSocket
- Socket.io
- SignalR
- Üzenetstruktúra
- Egyszerű WebRTC kliens
- Teljes jelzőfolyamat
2. Videóhívás a WebRTC segítségével
- Architektúra: Node.js + ws
- WebRTC kliens: RTCPeerConnection
- Helyi E2E tesztelés
Opcionális funkciók:
- Hívás megszakítása (kapcsolat bontása, média leállítása)
- Csoporthívás (többfelhasználós szobák)
- Token-alapú egyszerű hitelesítés
3. Képernyőmegosztás
- getDisplayMedia() használata
- Architektúra és opciók
4. Session Description Protocol (SDP)
- Bemutatás és tartalom
- SDP olvasása és értelmezése
- Kodekek:
- Audió & Video
- Megállapodás és vezérlés
- Visszamenőleges kompatibilitás stratégiák
5. WebRTC statisztikák a getStats() segítségével
- Statisztika típusai
- Hogyan értelmezni a statisztikákat
- Élő bitrate/jitter grafikonok
- Mínőségadaptációs stratégiák
6. Minden téma
- Gyakorlati feladat
Követelmények
Ez a képzés frontend és full-stack fejlesztőknek, technikai architektúráknak és mérnököknek alkalmas, akik böngésző-alapú valós idejű kommunikációs funkciókat, mint videóhívás, képernyőmegosztás vagy audióátadást készítenek. A résztvevőknak működési ismerete kell JavaScript-nek és webtechnológiákhoz, opcionálisan tapasztalatuk lehet Node.js-ben és WebSocket-alapú kommunikációban.
Vélemények (5)
Tetszett, hogy Gunnar majdnem az összes kódot úton írta le, ahogy haladtunk, de volt egy nagy mennyiség előre felkészített anyag is a Google Driven, amire vissza tudok hivatkozni a képzés után. A Gunnar által írt kód, amelyet a korábban biztosított mintaadat alapján alkotott, szintén nagyon hasznosnak bizonyult, és relevánsává tette a képzést saját adathalmazainkra.
Ranvir - Schroders Personal Wealth
Kurzus - Visual Studio Code
Gépi fordítás
Több példa minden modulra és kiváló tudás a képzőtől.
Sebastian - BRD
Kurzus - Secure Developer Java (Inc OWASP)
Gépi fordítás
Modul 3 Alkalmazások támadásai és kihasználásai, XSS, SQL-injekció Modul 4 Szerverek támadásai és kihasználásai, DOS, BOF
Tshifhiwa - Vodacom
Kurzus - How to Write Secure Code
Gépi fordítás
Valós életbeli példák.
Kristoffer Opdahl - Buypass AS
Kurzus - Web Security with the OWASP Testing Framework
Gépi fordítás
A képző szakmai ismeretei kiválók voltak, és a műfuttatásokat úgy rendezték el, hogy a résztvevők könnyen követhetik őket, ami nagyban hozzájárult az ismeretek megalapozódásához, nem csak egy passzív figyeléshez képest.
Jack Allan - RSM UK Management Ltd.
Kurzus - Secure Developer .NET (Inc OWASP)
Gépi fordítás