HTML5: access à la caméra

Je suis assez nouveau sur HTML5 . J’essaie le code HTML5 suivant pour accéder à la caméra sur mon téléphone portable. Il affiche toujours “Caméra Web native non prise en charge” . Il semble que mon navigateur mobile (safari et navigateur web Android 2.1) ne supporte pas la caméra.

Pourriez-vous s’il vous plaît me dire quel navigateur dois-je utiliser pour accéder à la caméra?

       body {width: 100%;} canvas {display: none;}   var video, canvas, msg; var load = function () { video = document.getElementById('video'); canvas = document.getElementById('canvas'); msg = document.getElementById('error'); if( navigator.getUserMedia ) { video.onclick = function () { var context = canvas.getContext("2d"); context.drawImage(video, 0, 0, 240, 320); var image = {"demo" : { "type" : "device", "image" : canvas.toDataURL("image/png") }}; }; var success = function ( stream ) { video.src = stream; }; var error = function ( err ) { msg.innerHTML = "Error: " + err.code; }; navigator.getUserMedia('video', success, error); } else { msg.innerHTML = "Native web camera not supported :("; } }; window.addEventListener('DOMContentLoaded', load, false);     Click on the video to send a snapshot to the receiving screen

La méthode getUserMedia est désormais prise en charge sur Firefox 17 +, Chrome 23+ et Opera 12+. (Voir caniuse.com )

Capture d'écran de la grille d'assistance CanIUse.com au 24/02/12

Cela fonctionne sur Firefox mobile, Chrome mobile, iPhone et Android:

Nous avons eu un certain succès avec cette approche de base bricolée sur le Web:

Ensuite, dans le fichier PHP, nous générons des noms de fichiers uniques en utilisant now () ou quelque chose de similaire pour le stockage.

Voir Capture audio et vidéo en HTML5

Soutien:

Navigateur Android 3.0 – l’une des premières implémentations. Découvrez cette vidéo pour la voir en action.

Chrome pour Android (0.16)

Firefox Mobile 10.0

iOS6 Safari et Chrome (support partiel)

Je pense qu’Opera est le seul navigateur mobile qui supporte cette extension HTML5.

Voir la note de l’auteur à ce sujet;

http://francisshanahan.com/index.php/2011/stream-a-webcam-using-javascript-nodejs-android-opera-mobile-web-sockets-and-html5/

Je viens de commencer à travailler avec un outil appelé Bridgeit.

Ceci est une combinaison de JavaScript dans le navigateur et une application sur le téléphone. Cela semble bien fonctionner jusqu’à présent.

http://bridgeit.mobi/

Opera Desktop, Opera mobile et Chrome (après avoir modifié certaines configurations) prennent en charge l’access à un appareil photo / microphone HTML5 jusqu’à présent.

Vous pouvez utiliser Chrome pour Android en activant le drapeau “Activer WebRTC” sous chrome: // flags

J’ai testé sur mon téléphone Android pour accéder à la caméra sur la page HTML5 et cela fonctionne.