2013-03-14 2 views
10

Je dois ouvrir la webcam via JavaScript Je sais qu'il est possible d'accéder au html5 par <video> mais ont besoin webcam d'accès avec pur JavaScriptComment accéder à la webcam par javascript

quelqu'un peut me aider ou me donner quelques idées ?

J'ai seulement besoin d'accéder à la webcam avec JavaScript et désolé pour mon anglais, j'utilise Google traducteur.

Je ne peux pas utiliser la balise '< vidéo>'

+2

Je suis confus .... – jAndy

+2

Avez-vous eu besoin d'accéder à la webcam par javascript, ou autre chose? –

+4

http://www.html5rocks.com/fr/tutorials/getusermedia/intro/ –

Répondre

22

Comme je l'ai dit en tant que commentaire, je suis confus au sujet de votre libellé. Vous avez dit, vous savez que "HTML5" peut accéder à la webcam, mais vous en avez besoin par Javascript pur.

Eh bien, si vous ne savez pas, HTML5 introduit le tel appelé WebRTC qui est court pour Real-Time Communications. Une partie de cela, une nouvelle chose appelée navigator.getUserMedia() navigator.mediaDevices.getUserMedia(constraints) a été introduite ainsi. C'est-à-dire, un objet ECMAscript, qui vous permet d'accéder à la machine des utilisateurs WebCam et Microphone appareils.

Comme vous pouvez le voir, l'ensemble du spectacle est intégré dans le HTML5 déploiement/spec, de sorte que nous ne pouvons pas vraiment séparer le Javascript de l'HTML5 ici.

Pour en savoir plus:

+0

Merci, a parfaitement fonctionné! –

2

Il y a this great tutorial from HTML5rocks.

Fondamentalement, getUserMedia permet aux navigateurs demander la permission, puis vous permet d'utiliser la caméra.

Vous devez être conscient qu'il est encore mal pris en charge et que l'API peut changer à nouveau, surtout si vous souhaitez envoyer ces flux via Internet.

2

Il y a quelques bibliothèques javascript pour faire cela maintenant.

+0

Ils ne sont pas basés sur HTML5. Les deux ont besoin de Flash. –

+0

@dystroy donc? OP n'a pas précisé que les réponses ne devraient inclure que des solutions HTML5. Il a le tag HTML5, mais le texte de sa question ne le mentionne pas comme une exigence du tout. –

+2

Je précisais quelque chose qui pourrait ne pas être évident à partir de la réponse courte, je ne disais pas que la réponse était mauvaise. Ceci étant dit, même si la question est loin d'être claire, je lis "accéder au ** html5 ** par mais avoir besoin d'une webcam pour accéder à ** pure javascript **". –

6

Voici une bibliothèque js qui utilise le flash que dans une situation de repli HTML5:

https://github.com/jhuckaby/webcamjs

À partir du code échantillons:

<script src="webcam.js"></script> 

<div id="my_camera" style="width:320px; height:240px;"></div> 
<div id="my_result"></div> 

<script language="JavaScript"> 
    Webcam.attach('#my_camera'); 

    function take_snapshot() { 
     Webcam.snap(function(data_uri) { 
      document.getElementById('my_result').innerHTML = '<img src="'+data_uri+'"/>'; 
     }); 
    } 
</script> 

<a href="javascript:void(take_snapshot())">Take Snapshot</a> 
Questions connexes