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

Question

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

Answer 1

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

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

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

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

Answer 2

По состоянию на 2015 год, теперь он просто работает .

<input type="file">

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

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

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

Answer 3

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

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

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

Answer 4

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

<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пользовательские медиа

Answer 5

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

Answer 6

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

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

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

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