Köszönjük, hogy elküldte érdeklődését! Csapatunk egyik tagja hamarosan felveszi Önnel a kapcsolatot.
Köszönjük, hogy elküldte foglalását! Csapatunk egyik tagja hamarosan felveszi Önnel a kapcsolatot.
Kurzusleírás
1. nap – Médiaeszközök kezelése
1. Bővítményengedélyek kezelése a navigator.permissions segítségével
- Hardver hozzáférés:
- Webkamera
- Mikrofon
- Opcionális engedélyek:
- Helymeghatározás
- Értesítések
- Vágólap (olvasás/írás)
- Engedélykérés és állapotleképezés
- Korlátozások és böngészőkompatibilitás
- Pratikus alkalmazási példa
2. Médiaeszközök beolvasása a navigator.mediaDevices segítségével
- Eszközök felsorolása
- Eszközváltások kezelése
- Pratikus alkalmazási példa
3. Törzshonosság
- API használata:
- navigator.permissions.query()
- navigator.mediaDevices.enumerateDevices()
- getUserMedia()
- Safari-visszaesés stratégia
- Pratikus alkalmazási példa
4. Médiaeszközök kezelése
- Eszköz inicializálás: getUserMedia(constraints)
- Médiaeszköz korlátozások
- Médiavideók indítása és leállítása
- Eszközváltások kezelése
- Pratikus alkalmazási példa
5. Eszközök rögzítése a MediaRecorder segítségével
- Streaming és rögzítés indítása/leállítása
- Webm fájl letöltése
- Valós idejű hullámvonal előnézet
- Pratikus alkalmazási példa
Opcionális kiegészítők:
- .wav formátumban történő mentés ScriptProcessorNode használatával
- Audió FFT spektrum vizualizáció
- Hangerejléc decibelben
- Hangfelismerés webkitSpeechRecognition segítségével
2. nap – Egyenrangú kapcsolatok
1. Jelzőszerverek
- Kétirányú csatorna opciók:
- WebSocket
- Socket.io
- SignalR
- Üzenet szerkezete
- Egyszerű WebRTC kliens
- Teljes jelzőfolyamat
- Pratikus alkalmazási példa
2. Videóchat WebRTC segítségével
- Architektúra: Node.js + ws
- WebRTC kliens: RTCPeerConnection
- Helyi E2E tesztelés
- Pratikus alkalmazási példa
Opcionális funkciók:
- Hívás megszakítása (kapcsolat lezárása, média megállítása)
- Csoporthívás (több felhasználós szobák)
- Jelzésalapú egyszerű hitelesítés
3. Képernyőmegosztás
- getDisplayMedia() használata
- Architektúra és opciók
- Pratikus alkalmazási példa
4. Üzenetleíró protokoll (SDP)
- Bevezetés és tartalom
- SDP olvasása és értelmezése
- Kódek:
- Audió & Videó
- Egyeztetés és irányítás
- Visszaesés stratégiák
- Pratikus alkalmazási példa
5. WebRTC statisztika getStats() használatával
- Statisztika típusai
- Statisztika értelmezése
- Élettartamú bitárvány/remegettségi diagramok
- Minőségigazolási stratégiák
- Pratikus alkalmazási példa
Követelmények
Ez a kurzus ideális a frontend és full-stack fejlesztőknek, technikai architektusoknak és mérnököknek, akik böngészőalapú valós idejű kommunikációs funkciókat építenek, mint például videochat, képernyőosztás vagy hangstreaming. A résztvevőknek kell ismeretük legyen a JavaScript és a webbeleteknológiák, opcionálisan Node.js és WebSocket-alapú kommunikáció területén is.
14 Órák
Vélemények (5)
Tetszett, ahogy Gunnar nagyjából az összes kódot leírta menet közben, de rengeteg előre elkészített anyag volt a google drive-on, amire a képzés után hivatkozhatok. A Gunnar általam korábban megadott mintaadatok alapján írt kód is rendkívül hasznos volt, és a képzést saját adatkészleteinkre is relevánssá tette.
Ranvir - Schroders Personal Wealth
Kurzus - Visual Studio Code
Gépi fordítás
Több példa minden modulhoz és az oktató nagyszerű ismerete.
Sebastian - BRD
Kurzus - Secure Developer Java (Inc OWASP)
Gépi fordítás
Module3 Applications Attacks and Exploits, XSS, SQL Inject Module4 Servers Attacks and Exploits, DOS, BOF
Tshifhiwa - Vodacom
Kurzus - How to Write Secure Code
Gépi fordítás
Való életbeli példák.
Kristoffer Opdahl - Buypass AS
Kurzus - Web Security with the OWASP Testing Framework
Gépi fordítás
A képzőtanár szakmai ismerete kiváló volt, és ahogy a munkamenetek bevoltak, hogy a hallgatók követheti a demonstrációkat, ez segített megragadni az információkat, ellentétben a passzív hallgatással.
Jack Allan - RSM UK Management Ltd.
Kurzus - Secure Developer .NET (Inc OWASP)
Gépi fordítás
