Подтвердить что ты не робот

Захват камеры с использованием тега ввода Html5

Я использую приведенную ниже строку кода, чтобы вызвать камеру из моего веб-приложения.

<input type="file" id="capture" accept="image/*; capture=camera" style="visibility:hidden;">

Используя это, я могу получить всплывающее окно с опциями "Выбрать существующую фотографию" и "Сделать снимок", когда приложение открывается в iOS6. Но я хочу открыть захват камеры непосредственно, а затем получить это всплывающее окно, а затем выбрать вариант "Сделать изображение".

Спасибо заранее.

4b9b3361

Ответ 1

<input type="file" name="file" accept="image/*" capture="camera" />

Работает в Chrome на Android (по крайней мере).

Ответ 2

Я боюсь, что это невозможно в соответствии со спецификацией по соображениям безопасности/конфиденциальности:

Пользовательский агент НЕ ДОЛЖЕН включать какое-либо устройство для захвата мультимедиа, например микрофона или камеры, до тех пор, пока пользовательское взаимодействие не даст неявного согласия.

http://www.w3.org/TR/capture-api/#security

Альтернативой является использование getUserMedia. Это все еще показывает диалоговое окно с запросом разрешения пользователя, но в некоторых браузерах пользователь может скрыть его после предоставления доступа к домену.

Ответ 3

Какой браузер вы используете на Android? На этой странице указано, что он не работает в Chrome, но должен работать в браузере Android и iOS Safari. В нем специально не упоминается Chrome для Android. Я протестировал метку в браузере Chrome на телефоне LG G6, и он не работал. Я не смог протестировать Android-браузер - кажется, он отсутствует на моем телефоне.

https://caniuse.com/#feat=html-media-capture