Dans ce tuto HTML5 en vidéo, nous verrons comment capturer une image de la vidéo de la webcam pour en faire une photo que l'on sauvegardera ensuite en base de données pour pouvoir la réutiliser par la suite. D'abord, nous construirons nos éléments en HTML afin de pouvoir développer notre application. Ensuite, nous verrons comment afficher la vidéo de la webcam dans notre navigateur, puis comment prendre une capture de cette vidéo pour ensuite l'afficher dans un canvas HTML5. Ceci fait, nous convertirons la capture affichée dans le Canvas en format JPEG pour pouvoir la traiter et l'enregistrer en base de données dans un champs de type LONGBLOB via un script PHP auquel nous transmettrons l'image en AJAX. Et enfin, nous verrons comment récupérer les images enregistrées en base de données afin de les afficher.
Bon tuto !
- Fichiers sourcestélécharger
- Certificat
Formateur : Fabien Le corre
-
Quelques mises à jour nécessaire sinon c'est du bon travail.
-
Excellent tuto, à méditer longuement et à appliquer !
-
Dommage Jquey n'est pas utliser à 100%, pourquoi notamment ne pas faire pour video un $("#video") pour récupérer l’élément, pourquoi utiliser addEventListenner aussi et pas plutôt un on comme pour le boutton save? Sinon bon tuto
note moyenne
avis laissés