Bonjour a tous,
J'a récupéré un script permettant de lancer la caméra de l'utilisateur et de faire une photo.
J'aimerai que la photo prise soit enregistrée dans un dossier particulier au moment ou je clique sur le bouton "Enregistrer photo !".
Cependant, je ne sais pas comment m'y prendre. Est ce que quelqu'un aurait'il une idée svp ?
Voici les infos qui se trouve dans le body de mon fichier index.php :
Je ne sais pas quoi mettre dans la partie "EnregistrerButton" pour déclencher l'enregistrement de la photo qui est stocké dans la balise canvas.
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47 <body> <div id="container"> <video id="player" controls autoplay></video> <button id="capture">Capture</button> <button id="enregistre">Enregistrer photo !</button> <canvas id="snapshot" width=320 height=240></canvas> <script> var player = document.getElementById('player'); var snapshotCanvas = document.getElementById('snapshot'); var captureButton = document.getElementById('capture'); var EnregistrerButton = document.getElementById('enregistre'); var handleSuccess = function(stream) { // Attach the video stream to the video element and autoplay. player.src = URL.createObjectURL(stream); }; captureButton.addEventListener('click', function() { var context = snapshot.getContext('2d'); // Draw the video frame to the canvas. context.drawImage(player, 0, 0, snapshotCanvas.width, snapshotCanvas.height); }); EnregistrerButton.addEventListener('click', function() { }) ; navigator.mediaDevices.getUserMedia({ audio: false, video: true }) .then(handleSuccess); </script> </div> <script src="../../../js/adapter.js"></script> <script src="../../../js/common.js"></script> <script src="js/main.js"></script> <script src="../../../js/lib/ga.js"></script> </body>
Merci d'avance pour votre aide.
Cordialement
Partager