3,00 €

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


3,00
  • Une formation vidéo de 28m32s
  • Téléchargement immédiat et visionnage illimité
  • Satisfait ou remboursé
  • Fichiers sources inclus
  • Découvrez pourquoi vous former avec Tuto.com

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 683 tutoriels vendus. Fabien Le corre est un formateur certifié tuto.com. Voir les autres formations de Fabien Le corre

beta
4,5
note moyenne

2
avis laissés
5 étoiles
1
4 étoiles
1
3 étoiles
0
2 étoiles
0
1 étoile
0
  • 5
    avis de Koblari laissé le 20/01/2015
    Excellent tuto, à méditer longuement et à appliquer !

  • 4
    avis de simon884 laissé le 29/01/2015
    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