3 Crédits +d'infos

Tuto Prendre une photo avec la webcam en HTML5, AJAX et PHP avec HTML


3 Crédits +d'infos

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 !


Formateur : Fabien Le corre

Fabien Le corre a publié 181 tutoriels et obtenu une note moyenne de 4,4/5 sur 11 137 tutoriels vendus. Fabien Le corre est un formateur certifié tuto.com

Voir les autres formations de Fabien Le corre