Implémentez le code basé sur la fonction de photographie HTML5 super cool (webcam HTML5)

Commentaire: La fonction de photographie super cool (webcam HTML5) implémentée sur la base de HTML5. Les amis qui ont besoin de savoir peuvent y faire référence

WeBrTC est peut-être la norme HTML5 la plus populaire l'année prochaine, et Mozilla a développé un ensemble d'API qui vous aide à contrôler votre matériel, comme les caméras, les microphones ou les compteurs d'accélération. Vous pouvez appeler le périphérique matériel natif dont vous avez besoin sans compter sur d'autres plugins.

Dans cet article aujourd'hui, nous présenterons Photobooth.js développé par Wolfram Hempel. L'utilisation de cette bibliothèque peut vous aider à appeler rapidement la fonction de la caméra et vous pouvez facilement ajouter la fonction de la caméra au site Web. Et cela vous aidera rapidement à prendre des photos. Vous pouvez utiliser cette fonction pour réaliser les gros tirs de la tête de l'utilisateur. N'est-ce pas très bon?

Caractéristiques principales: paramètre de contraste, réglage des couleurs, réglage de la luminosité, réglage de la tonalité, bouton photo prend en charge le dernier chrome, firefox, opéra et autres navigateurs pour prendre en charge le plug-in jQuery et les méthodes de code javascript

Après avoir ouvert la démo en ligne avec Chrome, assurez-vous que le navigateur permet au navigateur d'appeler votre appareil photo, comme suit:

Code javascript:

$ ('# webcam'). PhotoBooth (). sur ("image", fonction (événement, dataUrl) {

$ ('. nopic'). hide ();

$ ("#pictures") .prepennd ('<img src = "' + dataUrl + '">');

});

Le code ci-dessus passe les données d'image générées à la balise avec id = image. Pour plus de détails, veuillez vous référer à l'API pertinente.

Téléchargement du code source

J'espère que tout le monde aime cette démonstration et démo en ligne que nous fournissons. Si vous avez des questions, veuillez nous laisser un message, merci!