Kurzusleírás
1. nap – Médiatartozó eszközök kezelése
1. Bővítményengedélyek a navigator.permissions segítségével
- Accesses hardver:
- Webkamera
- Mikrofon
- Opcionális engedélyek:
- Helymeghatározás
- Értesítések
- Vágólap (olvasás/írás)
- Engedélyek lekérdezése és állapota
- Korlátozások és böngészőkompatibilitás
- Praktikus használati eset
2. Médiatartozó eszközök olvasása a navigator.mediaDevices segítségével
- Eszközök felsorolása
- Eszközök változásokának kezelése
- Praktikus használati eset
3. Keresztülbögésző kompatibilitás
- API használata:
- navigator.permissions.query()
- navigator.mediaDevices.enumerateDevices()
- getUserMedia()
- Safari leváltási stratégia
- Praktikus használati eset
4. Médiatartozó eszközök kezelése
- Eszköz inicializálása: getUserMedia(constraints)
- Médiatartozó eszköz korlátozások
- Médiaáramok indítása és leállítása
- Eszközök változásokának kezelése
- Praktikus használati eset
5. Eszközök felvétele a MediaRecorder segítségével
- Áramlást és felvételetet indítása/leállítása
- .webm fájl letöltése
- Valós idejű hullámvonal előnézet
- Praktikus használati eset
Opcionális bővítmények:
- .wav formátumban mentés ScriptProcessorNode használatával
- Audió FFT spektrum vizualizáció
- Hangerejesség decibelben
- Hangfelismerés webkitSpeechRecognition használatával
2. nap – Kapcsolatpár
1. Jelezőkiszolgálók
- Kétirányú csatorna opciók:
- WebSocket
- Socket.io
- SignalR
- Üzenet szerkezete
- Egyszerűsített WebRTC kliens
- Teljes jelezési folyamat
- Praktikus használati eset
2. Videócsevegés WebRTC-n keresztül
- Architektúra: Node.js + ws
- WebRTC kliens: RTCPeerConnection
- Helyi végvégtesztelés
- Praktikus használati eset
Opcionális funkciók:
- Hívás lezárása (csatlakozás bezárása, média leállítása)
- Csoporthívás (több felhasználó szobák)
- Jelkártya alapú egyszerű hitelesítés
3. Képernyőmegosztás
- getDisplayMedia() használata
- Architektúra és opciók
- Praktikus használati eset
4. Munkamenet Leíró Jegyzet (SDP)
- Bevezetés és tartalom
- SDP olvasása és értelmezése
- Kodekek:
- Audió & Video
- Tárgyalás és irányítás
- Leváltási stratégiák
- Praktikus használati eset
5. WebRTC Statistics getStats() használatával
- Statisztika típusai
- A statisztika értelmezése
- Életben lévó bitárat/jitter grafikonok
- Minőségigazítási stratégiák
- Praktikus használati eset
Követelmények
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
A tárgyak, amelyekről beszéltünk, számos élő kódpélda és az oktató hozzáállása a csoporthoz.
Weronika - ATOS PGS sp. z o.o.
Kurzus - Reactive Programming with Angular RxJS
Gépi fordítás
Though it was an online training, the interactivity with the trainer was exceptional and he was always available to provide valuable sources to complement the training. I am very satisfied.
Nuno Marques - MULTICERT, S.A.
Kurzus - Functional Reactive Programming with Java 9 and RxJava
Gépi fordítás
Tanár lelkesedése a tárgyhoz
Matthew Fowles - AGRO Merchants Whitchurch Limited
Kurzus - Web Application Development in PHP
Gépi fordítás
A tempó, a mélység és a magyarázatok mind kiválóak voltak. Scott szakértő a tárgyban, és tőle tanulni rendkívüli élmény volt.
Ben Leiken - SurveyMonkey
Kurzus - Reactive Programming for iOS with RxSwift
Gépi fordítás