Acceso a la cámara a través del navegador

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

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

Answer 2

Creo que este está funcionando. Grabación de 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, probablemente funcionará en iOS 6 es, con más detalle se puede encontrar en get user media

Answer 3

En iOS 6, Apple apoya esta vía el <input type="file"> etiqueta. 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 una gran cantidad de casos de uso.

EDITAR: The w3c has a spec that iOS6 Safari seems to implement a subset of. Falta el atributo capture.

Answer 4

Usted podría intentar esto:

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

pero tiene que ser iOS 6+ a trabajar. Eso le dará un diálogo agradable para que usted elija, ya sea para tomar una foto o para cargar uno de su álbum es decir

Un ejemplo se puede encontrar aquí: Capturing camera/picture data without PhoneGap

Answer 5

A partir de 2015, ahora solo funciona.

<input type="file"> 

Esto solicitará 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/*"> 

Este es el anterior, pero limita las subidas de fotos sólo desde la cámara o en la biblioteca, sin vídeos.