Partage
  • Partager sur Facebook
  • Partager sur Twitter

Webcalm en javascript

    5 décembre 2019 à 11:04:20

    Bonjour,

    Je suis actuellement en train de créer un site web qui a besoins d'utiliser la webcam de ses utilisateurs (avec leurs consentements).

    M'y connaissant que peu en js j'ai créer un code qui en théorie devrai marcher, malheureusement, il ne marche pas.

    Le code envoi l'invite (fenêtre demandant l'accès a la webcam) mais n'affiche pas le résultat dans la balise "<video>" html prévu a cet effet.

    mon code:

    <!DOCTYPE html>
    <html>
    <head>
    	<title>Preview</title>
    </head>
    <body>
        <!-- balise video accueillant le retour de la webcam -->
    	<video poster="https://cdn.pixabay.com/photo/2018/05/05/12/09/camera-3376230__340.jpg" id="video" autoplay>Veuillez mettre a jour l'app ;(</video>
    
    	<!-- script pour capturer la webcam et rediriger le retpur vers la balise video -->
    	<script>
    		navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia || navigator.msGetUserMedia || navigator.oGgetUserMedia;
    
    		if (navigator.getUserMedia) {
    			navigator.getUserMedia({video:true},handleVideo,videoError);
    		}
    
    		function handleVideo(stream){
    			document.querySelector('#video').src = window.URL.createObjectURL(stream);
    		}
    
    		function videoError(e){
    			alert('Veuillez autoriser l\'acces a votre webcam');
    		}
    	</script>
    </body>
    </html>
    • Partager sur Facebook
    • Partager sur Twitter

    Webcalm en javascript

    × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
    × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
    • Editeur
    • Markdown