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.

 14 Órák

Résztvevők száma


Ár résztvevőnként

Vélemények (5)

Közelgő kurzusok

Rokon kategóriák