ios - fotográfica - Acceso a la cámara a través del navegador

html abrir camara

Question

Estamos creando un sitio web HTML5 para dispositivos móviles y necesitamos obtener acceso a la cámara a través del navegador web sin ser una aplicación nativa. Estamos teniendo problemas para hacer que esto funcione en iOS. ¿Alguien sabe de una solución para esto?

Answer 1

A partir de 2015, ahora solo funciona .

<input type="file">

Esto pedirá al usuario la carga de cualquier archivo. En iOS 8.x esto puede ser un video de cámara, una foto de cámara o una foto / video de Photo Library.

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

Esto es como el anterior, pero limita las cargas a las fotos solo desde la cámara o la biblioteca, no hay videos.

Answer 2

Creo que este está funcionando. Grabar un video o audio;

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

o (nuevo método)

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

Si no es así, probablemente funcione en ios6, se pueden encontrar más detalles en get user media

Answer 3

En iOS6, Apple admite esto a través de la etiqueta <input type="file"> . No pude encontrar un enlace útil en la documentación del desarrollador de Apple, pero hay un ejemplo here .

Parece superposiciones y la funcionalidad más avanzada aún no está disponible, pero esto debería funcionar para muchos casos de uso.

EDITAR: dev.w3.org/2009/dap/camera El atributo de capture está notablemente ausente.

Answer 4

Esta pregunta ya tiene algunos años pero en ese momento se han desarrollado algunas posibilidades adicionales, como acceder a la cámara directamente, mostrar una vista previa y capturar instantáneas (por ejemplo, para escanear códigos QR).

Este artículo de Google Developers proporciona una explicación detallada de todas (?) Las formas de obtener datos de imágenes / cámaras en una aplicación web, desde "trabajar en todas partes" (incluso en los navegadores de escritorio) hasta "trabajar solo en dispositivos modernos, hasta -positar dispositivos móviles con cámara ". Junto con muchos consejos útiles.

Métodos explicados:

• Pedir una URL
• Entrada de archivo (cubierto por la mayoría de las otras publicaciones aquí)
• Arrastrar y soltar (útil para navegadores de escritorio)
• Pegar desde el portapapeles
• Acceda a la cámara de forma interactiva (es necesario si la aplicación necesita proporcionar información instantánea sobre lo que "ve", como códigos QR)

Answer 5

La aplicación Picup es una forma de tomar fotos de una página HTML5 y subirlas a su servidor. Requiere una programación adicional en el servidor, pero aparte de PhoneGap, no he encontrado otra manera.

Answer 6

Puedes intentar esto:

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

pero tiene que ser iOS 6+ para funcionar. Eso te dará un buen diálogo para que elijas o bien tomar una foto o subir una de tu álbum, es decir,

Un ejemplo se puede encontrar aquí: Captura de datos de cámara / imagen sin PhoneGap