Вёрстка: Захват видео и фото с мобильной камеры через HTML5

Получение фото и видео с камеры пользователя возможно через тег input с типом file и атрибутом capture (захват). Атрибут capture со значением user использует фронтальную камеру устройства, а со значением environment — основную.

# видео с фронтальной камеры
<input type="file" accept="video/*" capture="user" />

# видео с основной камеры
<input type="file" accept="video/*" capture="environment" />

# фото с фронтальной камеры
<input type="file" accept="image/*" capture="user" />

# фото с основной камеры
<input type="file" accept="image/*" capture="environment" />

# фото или видео с камеры
<input type="file" accept="image/*,video/*" capture />