HTML5技术

web HTML5 调用摄像头的代码 - £冷☆月№

字号+ 作者:H5之家 来源:博客园 2016-06-03 15:00 我要评论( )

最近公司要求做一个在线拍照的功能,具体代码如下: html5调用摄像头拍照 #camera { width height position border -moz-border-radius -webkit-border-radius border-radius -moz-box-shadow -webkit-box-shadow box-shadow #buttons { text-align .btn { w

最近公司要求做一个在线拍照的功能,具体代码如下:

html5调用摄像头拍照 #camera { width height position border -moz-border-radius -webkit-border-radius border-radius -moz-box-shadow -webkit-box-shadow box-shadow #buttons { text-align .btn { width height line-height margin border -moz-border-radius -webkit-border-radius border-radius cursor text-align font-size color .btn_blue { background-color .btn_green { background-color .hidden拍照取消上传 () { ), context ), video ), videoObj }, errBack = function (error) { console.log(, error.code); }; (stream) { video.src = stream; video.play(); }, errBack); } (stream) { video.src = window.webkitURL.createObjectURL(stream); video.play(); }, errBack); } (stream) { video.src = window.URL.createObjectURL(stream); video.play(); }, errBack); } else { alert(); //console.log('your browser not support getUserMedia'); } document.getElementById( () { context.drawImage(video, ); }); }, false);

但是有一些缺点就是,无法调整摄像头的分辨率,导致拍摄的照片不清晰。

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • HTML5 进阶系列:拖放 API 实现拖放排序 - _林鑫

    HTML5 进阶系列:拖放 API 实现拖放排序 - _林鑫

    2017-05-02 11:02

  • HTML5 进阶系列:indexedDB 数据库 - _林鑫

    HTML5 进阶系列:indexedDB 数据库 - _林鑫

    2017-04-27 14:02

  • HTML5 高级系列:web Storage - _林鑫

    HTML5 高级系列:web Storage - _林鑫

    2017-04-27 14:01

  • HTML5和CSS3 - 奔跑在起跑线佼佼者

    HTML5和CSS3 - 奔跑在起跑线佼佼者

    2017-04-20 13:00

网友点评