Съдържание и теми, включени в курса
Управление на медийни устройства
1. Разрешения в браузъра с navigator.permissions
- Достъп до хардуер:
- Уеб камера
- Микрофон
- Опционални разрешения:
- Геолокация
- Известия
- Клипборд (четене/запис)
- Заявяване на разрешения и статус
- Ограничения и съвместимост с браузъри
2. Четене на медийни устройства с navigator.mediaDevices
- Изброяване на устройства
- Обработка на промени в устройствата
3. Кросс-браузърна съвместимост
- Използване на API:
- navigator.permissions.query()
- navigator.mediaDevices.enumerateDevices()
- getUserMedia()
- Стратегия за резервен вариант в Safari
4. Управление на медийни устройства
- Инициализиране на устройство: getUserMedia(constraints)
- Ограничения на медийните устройства
- Стартиране и спиране на медийни потоци
- Обработка на промени в устройствата
5. Записващи устройства с MediaRecorder
- Стартиране/спиране на стрийминг и запис
- Изтегляне на .webm файл
- Визуализация на формата на вълната в реално време
Опционални добавки:
- Запис във формат .wav с ScriptProcessorNode
- Визуализация на FFT спектъра на аудиото
- Индикатор за сила на звука в децибели
- Гласово разпознаване с webkitSpeechRecognition
Peer връзка
1. Сървъри за сигнализация
- Опции за двупосочни канали:
- WebSocket
- Socket.io
- SignalR
- Структура на съобщенията
- Опростен WebRTC клиент
- Пълен поток на сигнализация
2. Видео чат чрез WebRTC
- Архитектура: Node.js + ws
- WebRTC клиент: RTCPeerConnection
- Локално тестване от край до край
Опционални функции:
- Прекратяване на разговор (затваряне на връзка, спиране на медия)
- Групови разговори (стая с множество потребители)
- Проста автентикация, базирана на токен
3. Споделяне на екран
- Използване на getDisplayMedia()
- Архитектура и опции
4. Протокол за описание на сесии (SDP)
- Въведение и съдържание
- Четене и интерпретиране на SDP
- Кодеци:
- Аудио и Видео
- Договаряне и контрол
- Стратегии за резервен вариант
5. WebRTC статистики с getStats()
- Видове статистики
- Как да интерпретирате статистиките
- Графики на битрейт/джитър в реално време
- Стратегии за адаптация на качеството
6. Всички теми са
- Практически пример от реалния свят
Изисквания
Този курс е идеален за frontend и full-stack разработчици, технически архитекти и инженери, изграждащи функции за комуникация в реално време през браузър, като видео чат, споделяне на екран или аудио стрийминг. Участниците трябва да имат работещи познания по JavaScript и уеб технологии, като опитът с Node.js и комуникация, базирана на WebSocket, не е задължителен.
Отзиви от участници (3)
Оценявам много обучението по AI атаки и инструментите, които са налични за започване на практика и активно използване при тестове за сигурност. Придобих много знания, които не имах в началото, а курсът реализира очакванията ми. Най-интересната част за мен беше Comet Browser, което ме впечатли с възможностите си. Определено ще се задълба по-задълбочено в тази тема. Като цяло, курсът беше изключително добър и насладих на ученето на всички точки от OWASP GenAI Top 10.
Patrick Collins - Optum
Курс - OWASP GenAI Security
Машинен превод
Практически упражнения, лична помощ и възможност за задаване на въпроси.
Jose Paulos - INESC TEC
Курс - Tailwind CSS
Машинен превод
Че всеки технически урок съществува с много практически упражнения, за да закрепят концепциите.
Andrei-Calin Bajea
Курс - OWASP Top 10 2025
Машинен превод
