html在线拍照片,HTML<调用相机拍照>

本人感觉最好用的还是直接使用input标签

//直接打开相机

//可打开相册或着相机

下面是参照网上的代码：

实现原理:主要是通过原生的方法，调用手机相机，然后把截取的图片渲染到canvas上(有一些兼容上的问题)

此代码大家可以直接整成一个HTML文件用手机进行查看

打开后置摄像头，但是有的手机浏览不行，还是会打开前置的摄像头(有需要的朋友们可以自己研究研究,我也是在网上借鉴的，具体的大家都可以找找)

image.png

Document

拍照

//访问用户媒体设备的兼容方法

function getUserMedia(constrains, success, error) {

if (navigator.mediaDevices.getUserMedia) {

//最新标准API

navigator.mediaDevices.getUserMedia(constrains).then(success).catch(error);

} else if (navigator.webkitGetUserMedia) {

//webkit内核浏览器

navigator.webkitGetUserMedia(constrains).then(success).catch(error);

} else if (navigator.mozGetUserMedia