Доступ к веб-камере и микрофону на сайте | JavaScript Tutorial | MediaDevices API 🎤 📷
В этом видео я сначала рассказываю теорию о том, как работает navigator.mediaDevices (Browser API), благодаря которому можно получить доступ к микрофону и веб-камере пользователя. Затем, шаг за шагом, я перехожу к практике: подключаю веб-камеру и микрофон, управляю их включением/выключением, останавливаю трансляцию и в конце покажу, как сделать на сайте свой диктофон с возможностью выбора микрофона для захвата аудиопотока. 📸 Показываю на живом примере с UI-кнопками и полноценным кодом - всё, что нужно, чтобы вы могли легко повторить и внедрить полученные знания в свой проект. 💻 Используем чистый JavaScript, без библиотек. Очень старалась, надеюсь тебе понравится данный ролик и ты поставишь свой царский ЛАЙК! Спасибо! 🙏🏻😊 Мой телеграм-канал: https://t.me/katerina_profrontend 00:00:00 - Вступление 00:00:36 - Теория 00:04:56 - Практика 1 00:09:46 - Практика 2 00:14:09 - Итоги Любая информация, представленная в этом видео, принадлежат мне и не отражают позицию моего работодателя или каких-либо организаций, с которыми я связана. Весь материал, показанный в видео, был создан мной лично в свободное от работы время на моем собственном ноутбуке и используются исключительно для демонстрационных целей. Всё показанное в ролике не имеет никакого отношения к интеллектуальной собственности моего работодателя или других связанных со мной организаций. #frontend #javascript #javascripttips #junior #фронтенд #обучение #frontendmentor #mediadevices #frontenddevelopment #browser_api
В этом видео я сначала рассказываю теорию о том, как работает navigator.mediaDevices (Browser API), благодаря которому можно получить доступ к микрофону и веб-камере пользователя. Затем, шаг за шагом, я перехожу к практике: подключаю веб-камеру и микрофон, управляю их включением/выключением, останавливаю трансляцию и в конце покажу, как сделать на сайте свой диктофон с возможностью выбора микрофона для захвата аудиопотока. 📸 Показываю на живом примере с UI-кнопками и полноценным кодом - всё, что нужно, чтобы вы могли легко повторить и внедрить полученные знания в свой проект. 💻 Используем чистый JavaScript, без библиотек. Очень старалась, надеюсь тебе понравится данный ролик и ты поставишь свой царский ЛАЙК! Спасибо! 🙏🏻😊 Мой телеграм-канал: https://t.me/katerina_profrontend 00:00:00 - Вступление 00:00:36 - Теория 00:04:56 - Практика 1 00:09:46 - Практика 2 00:14:09 - Итоги Любая информация, представленная в этом видео, принадлежат мне и не отражают позицию моего работодателя или каких-либо организаций, с которыми я связана. Весь материал, показанный в видео, был создан мной лично в свободное от работы время на моем собственном ноутбуке и используются исключительно для демонстрационных целей. Всё показанное в ролике не имеет никакого отношения к интеллектуальной собственности моего работодателя или других связанных со мной организаций. #frontend #javascript #javascripttips #junior #фронтенд #обучение #frontendmentor #mediadevices #frontenddevelopment #browser_api