根据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,假如你有任何难题,请给大家留言,感谢!