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

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 que esto funcione en iOS. ¿Alguien sabe de una solución para esto?

Podrías probar 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 tomar una foto o subir una desde tu álbum, es decir

Puede encontrar un ejemplo aquí: capturar datos de cámara / imagen sin PhoneGap

A partir de 2015, ahora solo funciona .

<input type="file">

Esto le pedirá al usuario que cargue cualquier archivo. En iOS 8.x puede ser un video de cámara, una foto de cámara o una foto / video de la Biblioteca de fotos.

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

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

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

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

EDITAR: El w3c tiene una especificación que iOS6 Safari parece implementar un subconjunto de. El captureatributo falta notablemente.

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 funcionará en ios6, se pueden encontrar más detalles en get media de usuario

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 forma.

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

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

Métodos explicados:

• Solicitar una URL
• Entrada de archivo (cubierta 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 comentarios instantáneos sobre lo que "ve", como los códigos QR)