Implementar código basado en la función de fotografía HTML5 Super Cool Camera (HTML5 WebCam)

Comentario: La función de fotografía Súper Cool Camera (HTML5 Webcam) implementada basada en HTML5. Los amigos que necesitan saber pueden referirse a ello

WebRTC puede ser el estándar HTML5 más popular el próximo año, y Mozilla ha desarrollado un conjunto de API que lo ayudan a controlar su hardware, como cámaras, micrófonos o medidores de aceleración. Puede llamar al dispositivo de hardware nativo que necesita sin confiar en otros complementos.

En este artículo de hoy, presentaremos PhotoBooth.js desarrollados por Wolfram Hempel. El uso de esta biblioteca puede ayudarlo a llamar rápidamente a la función de la cámara, y puede agregar fácilmente la función de la cámara al sitio web. Y te ayudará rápidamente a tomar fotos. Puede usar esta función para lograr los grandes disparos a la cabeza del usuario. ¿No es muy bueno?

Después de abrir la demostración en línea con Chrome, asegúrese de que el navegador permita que el navegador llame a su cámara, de la siguiente manera:

$ ('#webcam'). PhotoBooth (). on ("Image", function (Event, DataUrl) {

$ ('. Nopic'). Hide ();

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

});

El código de arriba pasa los datos de imagen generados a la etiqueta con id = imagen. Para más detalles, consulte la API relevante.

Descarga del código fuente

Espero que a todos les guste esta demostración y demostración en línea que proporcionamos. Si tiene alguna pregunta, déjenos un mensaje, ¡gracias!