html5调用摄像头并拍照


随着flash被禁用,flash上传附件的方式已成为过去,现在开始用html5上传了.本片文章就是介绍如何使用html5拍照,其实挺简单的原理:

调用摄像头采集视频流,利用canvas的特性生成base64图片,

其完整代码如下,需要使用https访问才不会有调用摄像头安全问题,另外IE内核是无法使用的.这个可以作为一个单独页面来被父页面调用




html5拍照






相信略懂js和html5的人都能看懂代码,非常的简单.而且都不需要用到jquery.

另外备注下:IE内核浏览器是无法实现的.因为不支持getUserMedia方法.

注:文章内容来自于本人在CSDN上发布的文章