Доступ к камере через браузер

Мы создаем веб-сайт HTML5 для мобильных устройств, и нам нужно получить доступ к камере через веб-браузер, не являясь нативным приложением. У нас проблемы с работой в iOS. Кто-нибудь знает решение для этого?

Вы можете попробовать это:

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

но это должно быть iOS 6+, чтобы работать. Это даст вам хороший диалог для того, чтобы вы могли сделать снимок или загрузить его из своего альбома, т.е.

Пример можно найти здесь: захват данных камеры / изображения без PhoneGap

По состоянию на 2015 год это сейчас просто работает .

<input type="file">

Это попросит пользователя загрузить любой файл. В iOS 8.x это может быть видео с камеры, фото с камеры или фото / видео из библиотеки фотографий.

<input type="file" accept="image/*">

Это то же самое, что и выше, но оно ограничивает загрузку только фотографиями с камеры или библиотеки, но не видео.

В iOS6 Apple поддерживает это через <input type="file">тег. Я не мог найти полезную ссылку в документации для разработчиков Apple, но есть пример здесь .

Похоже, оверлеи и более продвинутая функциональность еще не доступны, но это должно работать для многих случаев использования.

РЕДАКТИРОВАТЬ: W3C имеет спецификацию, что iOS6 Safari, кажется, реализует подмножество. captureАтрибут в частности , отсутствует.

Я думаю, что этот работает. Запись видео или аудио;

<input type="file" accept="video/*;capture=camcorder">
<input type="file" accept="audio/*;capture=microphone">

или (новый метод)

<device type="media" onchange="update(this.data)"></device>
<video autoplay></video>
<script>
  function update(stream) {
    document.querySelector('video').src = stream.url;
  }
</script>

Если это не так, вероятно, будет работать на ios6, более подробную информацию можно найти на get user media

Приложение Picup - это способ делать снимки со страницы HTML5 и загружать их на свой сервер. Это требует некоторого дополнительного программирования на сервере, но кроме PhoneGap я не нашел другого пути.

Этому вопросу уже несколько лет, но за это время появились некоторые дополнительные возможности, такие как прямой доступ к камере, отображение предварительного просмотра и создание снимков (например, для сканирования QR-кода).

Эта статья для разработчиков Google содержит подробное объяснение всех (?) Способов, как получить данные изображения / камеры в веб-приложение, от «работать везде» (даже в настольных браузерах) до «работать только на современных, до мобильные устройства с камерой ". Наряду со многими полезными советами.

Объясненные методы:

• Спросите URL
• Файл ввода (охвачен большинством других сообщений здесь)
• Перетаскивание (полезно для настольных браузеров)
• Вставить из буфера обмена
• Доступ к камере в интерактивном режиме (необходим, если приложение должно мгновенно реагировать на то, что оно «видит», например на QR-коды)