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 !