Accès à la caméra via un navigateur

Question

Nous sommes en train de créer un site web HTML5 pour mobile et nous avons besoin d'avoir un accès à la caméra par le navigateur web sans être une application native. Nous avons du mal à faire fonctionner cela sous iOS. Quelqu'un connaît-il une solution à ce problème ?

Answer 1

Vous pouvez essayer ceci :

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

mais il doit être sous iOS 6+. pour travailler. Vous obtiendrez un dialogue agréable qui vous permettra de choisir entre prendre une photo ou en télécharger une depuis votre album.

Un exemple peut être trouvé ici : Capture des données de la caméra/de l'image sans PhoneGap

Answer 2

Dans iOS6, Apple prend en charge cette fonction par le biais de la fonction <input type="file"> étiquette. Je n'ai pas trouvé de lien utile dans la documentation pour les développeurs d'Apple, mais il existe un exemple aquí .

Il semble que les superpositions et les fonctionnalités plus avancées ne soient pas encore disponibles, mais cela devrait convenir à de nombreux cas d'utilisation.

EDIT : Le W3C dispose d'une spécification dont iOS6 Safari semble mettre en œuvre un sous-ensemble. Le site capture est notamment absent.

Answer 3

Je pense que celui-là fonctionne. Enregistrement d'une vidéo ou d'un audio ;

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

ou (nouvelle méthode)

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

Si ce n'est pas le cas, cela fonctionnera probablement sur ios6, plus de détails peuvent être trouvés à l'adresse suivante obtenir les médias des utilisateurs

Answer 4

Le site Picup est un moyen de prendre des photos à partir d'une page HTML5 et de les télécharger sur votre serveur. Cela nécessite un peu de programmation supplémentaire sur le serveur, mais en dehors de PhoneGap, je n'ai pas trouvé d'autre moyen.

Answer 5

Il arrive en HTML5. Il existe un support expérimental dans Chrome et Opera. (A ma connaissance, au moment où j'écris ces lignes).

Voir ici pour une démo : http://www.html5camera.com/ [Je n'ai pas d'iPhone, quelqu'un peut-il commenter ce que vous obtenez sur le site ci-dessus ?]

A défaut, la réponse de @SoFLy peut être votre meilleure chance.