web-dev-qa-db-fra.com

Comment accéder à la webcam par javascript

J'ai besoin d'ouvrir la webcam via JavaScript Je sais qu'il est possible d'accéder au html5 par <video> mais nécessite une webcam d'accès avec du JavaScript pur

Quelqu'un peut-il m'aider ou me donner des idées?

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

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

javascripthtml5webcam
15
Leonardo Lacerda

Comme je l'ai dit en commentaire, je suis confus quant à votre formulation. Vous avez dit, vous savez que "HTML5" peut accéder à la webcam, mais vous en avez besoin en pur Javascript.

Eh bien, au cas où vous ne le sauriez pas, HTML5 a introduit ce qu'on appelle WebRTC qui est l'abréviation de Communications en temps réel =. En partie, une nouvelle chose appelée navigator.getUserMedia () navigator.mediaDevices.getUserMedia(constraints) a également été introduit. Autrement dit, un objet ECMAscript, qui vous permet d'accéder à la machine des utilisateurs WebCam et Microphone périphériques.

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

Lectures complémentaires:

26
jAndy

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

https://github.com/jhuckaby/webcamjs

À partir des exemples de code:

<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>
13
Luke Cummings

Il y a ce super tutoriel de HTML5rocks .

Fondamentalement, getUserMedia permet aux navigateurs de demander la permission, puis vous permet d'utiliser l'appareil photo.

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

4
Denys Séguret

Il existe quelques bibliothèques javascript pour le faire maintenant.

3
o2bjang