Свържете се с нас
 Продължителност 14 часa

Съдържание и теми, включени в курса

Обработка на медийни устройства

Разрешения на браузъра с navigator.permissions

  • Достъп до хардуер:
    • Веб камера
    • Микрофон
  • Опционални разрешения:
    • Геолокация
    • Известия
    • Клипборд (четене/записване)
  • Запитване за разрешение и състояние
  • Ограничения и съвместимост с браузъри

Четене на медийни устройства с navigator.mediaDevices

  • Енамерация на устройства
  • Обработка на промени в устройствата

Междубраузна съвместимост

  • Използване на API:
    • navigator.permissions.query()
    • navigator.mediaDevices.enumerateDevices()
    • getUserMedia()
  • Стратегия за fallback за Safari

Обработка на медийни устройства

  • Инициализация на устройството: getUserMedia(constraints)
  • Ограничения за медийни устройства
  • Почиване и спирене на медийни потоци
  • Обработка на промени в устройствата

Записване на устройства с MediaRecorder

  • Почиване/спиране на стрийминг и записване
  • Изтегляне на .webm файл
  • Преглед на вълновата форма в реално време

Опционални добавки:

  • Запазване в .wav формат чрез ScriptProcessorNode
  • Визуализация на FFT спектъра на звука
  • Възнами за обем в децибели
  • Разпознаване на глас чрез webkitSpeechRecognition

Peer Connection

Сервъри за сигнализиране

  • Опции за двунасочен канал:
    • WebSocket
    • Socket.io
    • SignalR
  • Структура на съобщенията
  • Опростен WebRTC клиент
  • Пълен поток за сигнализиране

Видео чат чрез WebRTC

  • Архитектура: Node.js + ws
  • WebRTC клиент: RTCPeerConnection
  • Локално E2E тестване

Опционални функции:

  • Затваряне на обаждането (затваряне на връзката, спиране на медията)
  • Групови обаждания (мулти-потребителски стаи)
  • Проста автентификация чрез токен

Споделяне на екрана

  • Използване на getDisplayMedia()
  • Архитектура и опции

Протокол за описание на сесията (SDP)

  • Въведение и съдържание
  • Четене и тълкуване на SDP
  • Кодеци:
    • Аудио и Видео
    • Преговаряне и контрол
    • Стратегии за fallback

WebRTC статистика с getStats()

  • Типове статистика
  • Как да тълкувате статистиката
  • Графики на битовата ставка/джитър в реално време
  • Стратегии за адаптация на качеството

Всички теми са

  • Практически примери за приложение

Изисквания

Този курс е идеален за фронтенд и фулстак разработчици, технически архитекти и инженери, които изграждат функции за реалновременна комуникация в браузър като видео чат, споделяне на екран или аудио стрийминг. Участниците трябва да имат работни познания по JavaScript и уеб технологии, като опит с Node.js и комуникация базирана на WebSocket е по желание.

Брой участници


Цена за участник

Отзиви от участници (3)

Предстоящи Курсове

Свързани Kатегории