Shulou(Shulou.com)06/03 Report--

This article is about how to use HTML5 to take pictures on a cool camera. The editor thinks it is very practical, so share it with you as a reference and follow the editor to have a look.

WebRTC is probably the most watched HTML5 standard next year, and Mozilla has developed a set of API to help you control the hardware, such as a camera, microphone, or accelerometer. You can call the native hardware devices you need without relying on other plug-ins.

In today's article, we will introduce Photobooth.js developed by Wolfram Hempel. Using this library can help you quickly call the camera function, and you can easily add the camera function to the website. And quickly help you take pictures, you can use this function to achieve the user's headshot, isn't it very good?

Main features:

Contrast setting color setting luminance setting hue setting photo button support the latest chrome, firefox, opera and other browsers support jQuery plug-in mode and javascript code mode

After opening the online demo using Chrome, make sure that the browser is allowed to call your camera, as follows:

Javascript Code:

The code is as follows:

('# webcam'). Photobooth (). On ("image", function (event, dataUrl) {

$('.nopic') .hide ()

("# pictures"). Prepend ('

')

});

Thank you for reading! This is the end of the article on "how to use HTML5 to achieve cool camera photography". I hope the above content can be of some help to you, so that you can learn more knowledge. if you think the article is good, you can share it for more people to see!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.