Обложка канала

Frontend разработчик

12650 @frontend_1

Frontend разработчик. Библиотека электронных книг и статей для frontend разработчиков.

Frontend разработчик

4 года назад
Открыть в
JavaScript: делаем селфи с помощью браузера В этой статье я покажу вам, как делать селфи в браузере. Мы разработаем простое приложение со следующим функционалом: - при инициализации приложение запрашивает у пользователя разрешение на захват медиапотока (далее также — поток) из видеокамеры его устройства; - захваченный поток передается в элемент video; - из потока извлекается видеотрек (далее также — трек), который передается в интерфейс для захвата изображений; - из экземпляра интерфейса извлекается список поддерживаемых возможностей (capabilities) и настроек (settings) для фото; - из трека также извлекается список поддерживаемых возможностей и настроек; - формируется список диапазонных полей (<input type="range">) для установки настроек для фото; - пользователь имеет возможность снимать фото (take photos) и захватывать фреймы (grab frames); - фото выводится в элемент img, генерируется ссылка для его скачивания; - фрейм инвертируется и отрисовывается на холсте (canvas), генерируется ссылка для его скачивания. #js #frontend