Атрибут capture
Кратко
Атрибут capture доступен для файловых <input> (тех, что имеют type="file"). Он позволяет выбрать для записи фронтальную или основную камеру телефона пользователя, а также микрофон.
Пример
Запишем видео на основную камеру смартфона:
<input type="file" accept="video/*" capture="environment">
Как пишется
Для атрибута capture доступно два значения:
user— камера или микрофон направлены в сторону пользователя;environment— камера или микрофон направлены от пользователя. «Environment» можно перевести как «наружу» или «в сторону окружающей среды».
Если значение capture опущено, браузер сам решит, что использовать.
А ещё capture внимательно смотрит на атрибут accept, где указан тип файла для загрузки. Это может быть видео, фотография или аудиозапись. Так выглядит input для отправки голосового сообщения:
<input type="file" accept="audio/*" capture="user">
Как понять
Когда пользователь хочет, например, сделать селфи вместо выбора среди готовых, неплохо бы заранее настроить открытие фронтальной камеры. С этой задачей справляется атрибут capture, а человеку будет достаточно кликнуть по кнопке, как нужная камера выберется. Приятно!