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

Résztvevők száma


Ár per résztvevő

Vélemények (5)

Közelgő kurzusok

Rokon kategóriák