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
Médiaeszköz-kezelés
1. Böngészőengedélyek a navigator.permissions használatával
- Hardver elérése:
- Webkamera
- Mikrofon
- Opcionális engedélyek:
- Helymeghatározás
- Értesítések
- Vágólap (olvasás/írás)
- Engedélylekérdezés és állapot
- Korlátok és böngészőkompatibilitás
2. Médiaeszközök olvasása a navigator.mediaDevices használatával
- Eszköz felsorolása
- Eszközváltozások kezelése
3. Böngészőközi kompatibilitás
- API használat:
- navigator.permissions.query()
- navigator.mediaDevices.enumerateDevices()
- getUserMedia()
- Safari tartalék stratégia
4. Médiaeszköz-kezelés
- Eszköz inicializálása: getUserMedia(constraints)
- Médiaeszköz korlátozások
- Médiafolyamok indítása és leállítása
- Eszközváltozások kezelése
5. Felvétel a MediaRecorder használatával
- Folyam indítása/leállítása és felvétel
- .webm fájl letöltése
- Valós idejű hullámformás előnézet
Opcionális kiegészítők:
- Mentés .wav formátumban a ScriptProcessorNode használatával
- Hang FFT spektrum vizualizáció
- Hangerősségmérő decibelben
- Hangfelismerés a webkitSpeechRecognition használatával
Peer kapcsolat
1. Jelzési szerverek
- Kétirányú csatorna opciók:
- WebSocket
- Socket.io
- SignalR
- Üzenetstruktúra
- Egyszerűsített WebRTC kliens
- Teljes jelzési folyamat
2. Videocsevegés WebRTC-n keresztül
- Architektúra: Node.js + ws
- WebRTC kliens: RTCPeerConnection
- Helyi E2E tesztelés
Opcionális funkciók:
- Hívásbefejezés (kapcsolat lezárása, média leállítása)
- Csoportos hívás (többfelhasználós szobák)
- Token-alapú egyszerű hitelesítés
3. Képernyőmegosztás
- A getDisplayMedia() használata
- Architektúra és opciók
4. Session Description Protocol (SDP)
- Bevezetés és tartalom
- SDP olvasása és értelmezése
- Kodekek:
- Hang & Videó
- Tárgyalás és irányítás
- Tartalék stratégiák
5. WebRTC statisztikák a getStats() használatával
- Statisztika típusai
- Statisztikák értelmezése
- Élő bitsebesség/jitter diagramok
- Minőségadaptációs stratégiák
6. Minden téma
- Gyakorlati használati eset
Követelmények
Ez a tanfolyam ideális frontend és full-stack fejlesztők, technikai architektusok és mérnökök számára, akik böngészőalapú valós idejű kommunikációs funkciókat építenek, mint például videocsevegés, képernyőmegosztás vagy hangstreamelés. A résztvevőknek rendelkezniük kell működő JavaScript és webes technológiák ismeretével, opcionálisan Node.js és WebSocket-alapú kommunikáció tapasztalattal.
14 Órák
Vélemények (1)
Minden technikai lecke több gyakorlati feladattal együtt jött, hogy megszilárdítsuk a fogalmakat.
Andrei-Calin Bajea
Kurzus - OWASP Top 10 2025
Gépi fordítás