根据HTML5超酷摄像头（HTML5 webcam）照相作用完成编

日期：2020-12-12 类型：科技新闻我要分享

关键词：在线网页制作，建网页，个人简介网页制作，简单网页，建立网页

WebRTC将会是2020年最受关心的HTML5规范了，Mozilla为此开发设计了1套协助你操纵硬件配置的API，比如，摄像头，话筒，或是加快表。你能够不依靠其它的软件来启用你必须的本机硬件配置机器设备。

在今日的这篇文章内容中，大家将详细介绍来自Wolfram Hempel开发设计的Photobooth.js，应用这个类库能够协助你迅速的启用摄像头作用，你能够很非常容易的加上摄像头作用到网站中。而且迅速的协助你照相，你可使用这个作用来完成客户的大头照拍攝，是否十分非常好？

关键特点：

比照度设定色调设定亮度设定色彩设定照相按钮适用全新的chrome, firefox, opera等访问器适用jQuery软件方法和javascript编码方法

应用Chrome开启线上演试后，请确定容许访问器启用你的摄像头，以下：

Javascript编码：

拷贝编码

编码以下:

$('#webcam').photobooth().on("image",function( event, dataUrl ){
$('.nopic').hide();
$( "#pictures" ).prepend( '<img src="' + dataUrl + '" >');
});

以上编码将转化成的照片数据信息传送到id=picture的这个标识中。实际表明请参照有关API。
源代码免费下载

期待大伙儿喜爱大家出示的这个线上演试和demo，假如你有任何难题，请给大家留言，感谢！